iT邦幫忙

firebase相關文章
共有 58 則文章
鐵人賽 Modern Web DAY 28
用Angular打造完整後台 系列 第 28

技術 day28 Firebase(二)應用

簡述 本篇開始把Demo替換成firebase。 替換流程 WebService DataService 修改list中的關聯式 實作 (一) web.s...

鐵人賽 Modern Web DAY 27
用Angular打造完整後台 系列 第 27

技術 day27 Firebase(一)

簡述 有些公司會在確任產品規格前,會先做些Demo到市場做水溫, 或是拿Demo去談合作,等確定是有利可圖的產品, 就會進行正式開發。 那大部分在做Demo時,...

鐵人賽 Modern Web DAY 19

技術 Vue 專案串接 Firestore 資料

前言 在前面幾天的時候,因為還是想要直接能串資料庫,所以將主題切出去學習一下 Firestore,今天就要來將 Firestore 導入 Vue 專案了,一邊...

鐵人賽 Modern Web DAY 18

技術 Firebase Cloud Firestore 基礎入門 Part.4 - 寫入語法:set、update、add、delete

昨天建置好 Firestore 並確認開發的網頁專案能正確連上後,今天就要來實際使用它的語法學習各種寫入資料庫的做法了! 寫入語法 寫入語法共有四種操作:...

鐵人賽 Modern Web DAY 17

技術 Firebase Cloud Firestore 基礎入門 Part.3 - 將 Firestore 引入網頁專案

接續昨天的內容,今天要來將 Firestore 引入網頁專案中! Step 1. 將相關套件加到 Web 應用中 首先要來進到網頁專案中,引入套件及昨天第三步...

鐵人賽 Modern Web DAY 16

技術 Firebase Cloud Firestore 基礎入門 Part.2 - 建置 Firebase 專案及資料庫

昨天介紹了什麼是 Firestore 並介紹它與上一代的 Google 雲端資料庫 Realtime Database 的不同後,今天要實際上來練習怎麼使用了...

鐵人賽 Modern Web DAY 15

技術 Firebase Cloud Firestore 基礎入門 Part.1 - 簡介

Cloud Firestore 簡介 Cloud Firestore 是 Google 提供的一款雲端 NoSQL 資料庫,可以快速地運用在 Firebase...

鐵人賽 Modern Web DAY 14

技術 Firebase 是什麼&與 GCP 的差別

Firebase 是什麼 Firebase 是 Google 提供的一套面向行動及網頁程式的開發平台,或者可以說它是一個 BaaS(Backend as a...

鐵人賽 Modern Web DAY 7

技術 Firebase Functions - 實現 Serverless(下)

上一篇已經了解 Functions 可以如何應用,接下來我們就嘗試運用 Functions 來做一個可以上傳圖片並得到圖片網址與 metadata,範例是參考...

鐵人賽 Modern Web DAY 29
Vue.js套件介紹及範例 系列 第 29

技術 VueFire (2)

VueFire (2) Google Firebase的Vue.js官方套件,本篇透過VueFire實作Realtime Database的CRUD功能 G...

鐵人賽 Modern Web DAY 7

技術 Firebase Functions - 實現 Serverless (上)

Firebase Functions 是 Firebase 服務中的其中一個功能,利用程式碼將這些事件透過 Functions 來處理並得到回應,典型的使用範例...

鐵人賽 Modern Web DAY 27
Vue.js套件介紹及範例 系列 第 27

技術 VueFire (1)

VueFire (1) Google Firebase的Vue.js官方套件,本篇介紹登入(出)及使用VueFire的Realtime Database Bi...

鐵人賽 自我挑戰組 DAY 18
從積木開始學程式 系列 第 18

技術 [DAY>18<]製作一個登入系統_6(程式碼下)

昨天我們做了註冊畫面的程式碼,今天我們要製作的是我們的登入畫面程式碼部分 首先切換回Login的標籤,然後在這裡多新增一個註冊帳號按鈕, 方便到時候要註冊的時候...

鐵人賽 自我挑戰組 DAY 13
從積木開始學程式 系列 第 13

技術 [DAY>13<]製作一個登入系統_1(程式流程思考)

這次我們要做一個登入的系統, 我們會利用到Firebase來做帳號密碼儲存的容器。 首先我們會建立一個帳號密碼的介面, 使用到的元件如下: Label Inp...

鐵人賽 Modern Web DAY 21

技術 #21 套件安裝及設定: Firebase 基礎設定

從第 13 ~ 20 天,將部落格所需要的所有元件開發完畢, 這便簡單複習一下目前有的元件: TheTags (顯示標籤) TheMarkdown (預...

鐵人賽 自我挑戰組 DAY 8
從積木開始學程式 系列 第 8

技術 [DAY>8<]雙人連線終極密碼_6 (程式碼下)

今天要講的是set_number的螢幕(使用者設定給對方號碼的地方) 在螢幕一開始初始化時要建立兩個變數分別是 (player1確認狀態) (player2確認...

鐵人賽 自我挑戰組 DAY 7
從積木開始學程式 系列 第 7

技術 [DAY>7<]雙人連線終極密碼_5 (程式碼上)

Lobby的部分我們的程式碼如下圖 第一區塊:首先我們一開始要先建立一個"我的稱謂"變數(主要用來識別使用者是玩家1還是玩家2) 第二區塊:...

鐵人賽 Modern Web DAY 12

技術 #12: Pages 簡單介紹與初建所有頁面功能

如果看過上一篇的 layout/default 的截圖,可以大概了解 blog 的樣子。 這邊先簡單拆分為兩個部分: 管理者相關(使用 layout/admi...

鐵人賽 自我挑戰組 DAY 4
從積木開始學程式 系列 第 4

技術 [DAY>4<]雙人連線終極密碼_2(大廳及開設房間介面設定)

今天我們開始訓練吧! 首先依照前一天講的邏輯做一個彙整表 首先我們要先為每一個Screen命名,這樣在呼叫這些視窗的時候會方便許多! 首先先將Screen1名...

鐵人賽 自我挑戰組 DAY 3
從積木開始學程式 系列 第 3

技術 [DAY>3<]雙人連線終極密碼_1(程式流程思考)

我們來做個雙人連線的終極密碼吧! 這一份專案我可能會分成上、中、下 三篇~(或者更多篇數去寫) 那我們今天先將程式流程RUN一遍,明天就進入程式邏輯編寫的部分~...

鐵人賽 Modern Web DAY 1

技術 #1: 前言&簡介&大綱

前言 首先,這不太算一個 Nuxt 教學文,只是想分享自己用 Nuxt 建立一個 blog。 這次參賽的目標是想分享自己學到的知識,並記錄自己的學習過程,所以東...

活動 ModernWorkshop + ModernWeb 戰力 UP!UP!

【此場為 ModernWeb 2018 聯動 Workshop】 Angular 是一套純前端的網頁開發框架,搭配 Firebase 更能讓我們在短的時間內建...

鐵人賽 Modern Web

技術 [Angular Firebase 入門與實做] Day-30 Secure Data with Firestore 資料安全與驗證

每日一句來源:Daily English Home is the place where, when you have to go there, they h...

技術 firebase hosting - 點擊從網頁複製的連結會notfound

https://firebase.google.com/docs/hosting/url-redirects-rewrites firebase.json...

鐵人賽 Modern Web DAY 30

技術 [Angular Firebase 入門與實做] Day-29 [實做] 使用者已讀狀態 02 HTTP身分驗證 authentication

每日一句來源:Daily English Within our dreams and aspirations we find our opportunitie...

鐵人賽 Modern Web DAY 29

技術 [Angular Firebase 入門與實做] Day-28 [實做] 使用者已讀狀態 01 Batch 批次寫入

每日一句來源:Daily English And those who were seen dancing were thought to be insane...

鐵人賽 Modern Web DAY 28

技術 [Angular Firebase 入門與實做] Day-27 [實做] 使用者登入狀態

每日一句來源:Daily English The only limit to our realization of tomorrow will be our...

鐵人賽 Modern Web DAY 27

技術 [Angular Firebase 入門與實做] Day-26 [實做] 照片功能修正與進階顯示

每日一句來源:Daily English A new day will come. And when the sun shines, it will shin...

鐵人賽 Modern Web DAY 26

技術 [Angular Firebase 入門與實做] Day-25 搜尋引擎優化SEO Rendertron

每日一句來源:Daily English Goals are not only absolutely necessary to motivate us. Th...

鐵人賽 Modern Web DAY 25

技術 [Angular Firebase 入門與實做] Day-24 Progressive Web App with Firebase 2

每日一句來源:Daily English No spring nor summer beauty hath such grace, as I have see...