iT邦幫忙

firebase相關文章
共有 200 則文章
鐵人賽 Modern Web DAY 24
Node.js 從零開始 系列 第 24

技術 Node.js - 限制資料筆數 limit()

limit 語法在 Firebase API 會看到兩個,一個是取得前幾筆資料,跟取得後幾筆資料,使用的資料如下: const data = { tim:...

鐵人賽 Modern Web DAY 21
Node.js 從零開始 系列 第 21

技術 Node.js - 寫一個簡單的 Todolist:刪除資料

有新增就有刪除,延續前篇的 TodoList 新增功能,當然也需要一個刪除功能。 前情提要 已經完成一個新增功能的代辦功能開發, // DOM let me...

鐵人賽 Modern Web DAY 20
Node.js 從零開始 系列 第 20

技術 Node.js - 寫一個簡單的 TodoList:新增資料並渲染於網頁上

本篇練習使用 Firebase 來實作一個 Todolist,首先先建立好 layout, 建立 layout 至於樣式可以請讀者自行發揮,這邊不做多說明。...

鐵人賽 Modern Web DAY 19
Node.js 從零開始 系列 第 19

技術 Node.js - 在網頁即時瀏覽 Firebase 的資料

前面的練習都是在編輯器開發或是在開發人員工具將資料寫入資料庫,在切換視窗到 Firebase 去查看資料是否有正確寫入,但這樣來回總是有點麻煩,而這篇要介紹在...

鐵人賽 Modern Web DAY 18
Node.js 從零開始 系列 第 18

技術 Node.js - child() 子路徑、remove()刪除資料

child 子路徑 前面已經學到如果這樣寫是抓取根目錄: firebase.database().ref(); 如果要指定根目錄底下的資料路徑則可以這樣寫,...

鐵人賽 Modern Web DAY 17
Node.js 從零開始 系列 第 17

技術 Node.js - push() 新增資料

push() 新增資料 跟 set() 很類似,這次練習使用 push() 來新增一筆資料,概念可以想成跟陣列的 push 很像,是增加資料的用的。 以下做個...

鐵人賽 Modern Web DAY 14
Node.js 從零開始 系列 第 14

技術 Node.js - 引用 Firebase 當作資料庫

選擇 Firebase 原因 此次練習會選擇用 Firebase 是因為只要有 Google 帳號就能開通此服務,並且免費方案就相當好用,亦可透過 JaveS...

技術 iOS 與 Firebase 的邂逅 -- App推播與web view跳轉實作

推播服務是App的一種與使用者互動的特色服務,使用者可以透過推播隨時隨地與App進行互動。App推播功能有許多的種類,有本地推播、遠程推播、 App內推播等等....

技術 Firebase * Realtime Database * Web * Writ

1. 創建 Firebase 專案 步驟一:取個專案名稱 步驟二:啟用 Google Analytics 步驟二:設定 Google Analytics...

技術 用Firebase Web的小功能分享 (3)

上傳檔案後製作超連結下載檔案 - 用innerHTML製作超連結 code 最後就是如何顯示map並把他轉成放在HTML裡: function call...

技術 用Firebase Web的小功能分享 (2)

上傳檔案後製作超連結下載檔案 - 抓檔案名字跟下載的URL code 因為抓檔案名字用forEach去抓,沒有固定的順序每次抓都會變動,因此這邊就決定先...

技術 Firebase Web的小功能分享 (1)

由於很多人都寫了要怎麼創建專案、開啟專案,這邊就來分享一下我寫的一些小功能: 上傳檔案後製作超連結下載檔案 - 上傳檔案code //一次傳多個檔案,用...

鐵人賽 Modern Web DAY 26

技術 DAY26 - 展現成果,建立 firestore 動態與複雜的查詢

建立動態查詢 還記得之幾篇一開始如何使用條件查詢 firestore 的資料嗎? this.firestore.collection("fruits...

鐵人賽 Modern Web DAY 27

技術 DAY27-Firebase Domain設定

前言: 昨天跟大家介紹了如何把你寫好的網頁透過firebase deploy到網路上,但目前還只能透過一個預設的網址來做連結,像下面這樣看起來很沒fu。 今天...

鐵人賽 Modern Web DAY 26

技術 DAY26-在firebase上架你的react網站吧

前言: 今天是第26天啦,阿森在整個開發的部分也差不多完成了,準備進入最後上架測試階段! 在上架的部分阿森選擇使用firebase來當host,因為使用起來真...

鐵人賽 Modern Web DAY 22

技術 DAY22 - 將作品發布出去吧 - 前端篇 (firebase)

到目前為止做了那麼多東西,但都僅限於在自己的本機觀看,還沒有發佈到網路上面,因此沒有人可以看得到,因此本篇來介紹要如何將成品發佈到網路上吧!! 設定發布細節...

鐵人賽 Modern Web DAY 17

技術 DAY17-前後端合體 建立打卡頁面-前端服務篇1

上一篇處理完頁面的樣式後,這一篇要來處理資料與邏輯,並且如何透過angular fire 將資料送到firebase 儲存起來 設計服務 先回憶一下... 在...

鐵人賽 影片教學 DAY 30

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day30 社群網站上線啦!

終於完賽了!感謝支持與追蹤這一系列影片的朋友們!希望未來有機會可以再拍其他主題的影片和大家分享! 連續 30 天不中斷每天上傳一支教學影片,教你如何用 Rea...

鐵人賽 Modern Web DAY 15

技術 DAY15 - 利用 firebase 的 Authentication 建立會員系統與頁面串接

什麼是 firebase 的 Authentication firebase 還有一項強大的服務是 Authentication ,可以利用各種方式建立自己的...

鐵人賽 Modern Web DAY 14

技術 DAY14 - firestore 使用條件來進階查詢

上一篇介紹 firestore CRUD 的各種方式,今天要來介紹進階的查詢資料方式,利用條件去過濾出符合條件的資料,而不是每次都把所有資料都拿回來 fires...

鐵人賽 影片教學 DAY 29

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day29 搜尋文章

連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...

鐵人賽 影片教學 DAY 28

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day28 留言電子郵件通知

連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...

鐵人賽 影片教學 DAY 27

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day27 無限捲動讀取文章列表

連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...

鐵人賽 Modern Web DAY 12

技術 DAY12 - 使用 angular fire 操作firebase

firebase sdk 是什麼 firebase sdk 是 firebase 官方推出和 firebase 互動的套件,支援很多不同語言,像是 Node.j...

鐵人賽 Modern Web DAY 11

技術 DAY11 - 進入後端,進入firebase世界!

在前十天,建立起前端專案的基本架構,接下來進入後端的世界,建立後端的基礎,之後與前端專案對接。 什麼是 firebase firebase 是 google...

鐵人賽 影片教學 DAY 26

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day26 根據主題篩選文章列表

連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...

鐵人賽 影片教學 DAY 25

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day25 阻擋會員路由

連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...

鐵人賽 影片教學 DAY 24

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day24 修改會員密碼

連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...

鐵人賽 影片教學 DAY 23

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day23 上傳會員照片

連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...

鐵人賽 影片教學 DAY 22

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day22 修改會員名稱

連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...