iT邦幫忙

firebase相關文章
共有 195 則文章
鐵人賽 SideProject30 DAY 30

技術 Day30:完賽不是終點,而是另一個起點

是的,如同標題所說,目前專案確實完成度沒有很高,但無論進度如何,今天就在挑戰的最後一天進行部屬吧! 如何使用 Vercel 部屬 進到 Vercel 官網註冊...

鐵人賽 Vue.js DAY 30
Vue3歡樂套件箱耶 系列 第 30

技術 ><點閱率太差了!fine~以「收穫心態」來回顧吧!

今年系列相較過往,點閱率變好差...是不是寫得「不夠好」...每當看別人的成就或是文章時,都覺得「喔~好厲害喔」「自己好像差很遠」...從來都沒有欣賞過自己,做...

鐵人賽 SideProject30 DAY 29

技術 Day29:當顧客開始訂位

倒數2天,把握時間繼續努力! 製作月曆元件 昨天製作了顧客視角的服務項目詳細頁後,今天依照原先的 Wireflame 設計線稿,刻出可供預約的日期時段區塊,這部...

鐵人賽 Vue.js DAY 29
Vue3歡樂套件箱耶 系列 第 29

技術 開箱29:一秒變即時聊天室~Vue3+Firebase簡易實作

今天將之前所學的,小小結合作個簡易聊天室吧! 開箱25:Vue 3 + Firebase Cloud Firestore 簡單CRUD功能開箱26:Vue 3...

鐵人賽 SideProject30 DAY 28

技術 Day28:React 與 Firebase 的 CRUD 串接(二)

店家新增完服務項目後,顧客就可以開始查看預約了!所以今天將開發重點放在顧客角度會看到的頁面都實作完成。 組裝列表頁面(顧客視角) 串接讀取文件的 API i...

鐵人賽 Vue.js DAY 28
Vue3歡樂套件箱耶 系列 第 28

技術 開箱28:新手搭建~Vue+Vite+GitHub部署到Firebase Hosting

Firebase 託管為您的 Web 應用、靜態和動態內容以及微服務提供快速且安全的託管。 簡介Firebase Hosting收費方式https://fir...

鐵人賽 SideProject30 DAY 27

技術 Day27:React 與 Firebase 的 CRUD 串接(一)

倒數第4天的挑戰,是完成一套新增讀取編輯刪除(CRUD)的頁面組裝與串接,話不多說直接開始! 組裝列表頁面(店家視角) 串接讀取文件的 API import...

鐵人賽 Vue.js DAY 27
Vue3歡樂套件箱耶 系列 第 27

技術 開箱27:Vue 3 + Firebase Cloud Messaging 建立測試通知

本次要跟姊姊一起學習Vue 3 + Firebase Cloud Messaging 測試一筆訊息通知吧! ▶ 如果您尚未建立專案/安裝 Firebase J...

鐵人賽 SideProject30 DAY 26

技術 Day26:實作 Firebase Authentication 電話驗證(二)

接續上一篇文章,繼續將 Firebase Authentication 電話驗證的串接完成! 關於 Firebase Authentication 的電話驗證...

鐵人賽 SideProject30 DAY 25

技術 Day25:實作 Firebase Authentication 電話驗證

在使用者成功註冊、並且角色為店家時,需先經過電話驗證才可進行刊登服務項目供顧客預約,此故事情境在這篇文章可以回顧,所以今天將重點放在電話驗證的實作上。 使用 J...

鐵人賽 Vue.js DAY 29

技術 D29:Nuxt 3.x Universal(SSR)專案部署到 Firebase

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 專案開發完成後,終於到最後一步 「部署」,本篇將說明 Universal 專案部署到 Fireba...

鐵人賽 SideProject30 DAY 24

技術 Day24:實作會員資料更新

花了兩天稍微了解 FireStore Database 的 CRUD 後,今天著手將我使用先前做好的表單元件們,組裝成店家資料維護頁面,但一直卡在明明登入了 u...

鐵人賽 SideProject30 DAY 24

技術 Day24—開發日記(八)驗證信件、非同步的處理

前言 今天是開發的Day7,開發重點為: 利用firebase的功能寄送驗證信件 判斷使用者已驗證與否,分別再頁面展現不同功能 實現內容 1. 利用fire...

鐵人賽 SideProject30 DAY 23

技術 Day23:操作 Firestore Database 的資料(二)

延續上一篇,今天繼續研究 Firestore Database 的資料操作, 溫馨提醒:以下內容看到的 showNotify 是我個人封裝使用的提示彈窗,並不...

鐵人賽 SideProject30 DAY 22

技術 Day22:操作 Firestore Database 的資料(一)

今天是組裝頁面的一天,也將 Firestore Database 的 CURD 先從文件學習到在 console 控制台中練習一遍。 溫馨提醒:以下內容看到的...

鐵人賽 SideProject30 DAY 22

技術 Day22—開發日記(六)提醒密碼一致與否(v-show)、使用者資料傳入firestore

前言 今天是開發的Day6,開發重點為: 使用vue指令v-show進行實時確認密碼認證 將資料同步加進去firestore的資料庫 實現內容 圖片來源...

鐵人賽 SideProject30 DAY 21

技術 Day21:在 React 專案中使用 Firebase Authentication 實作會員管理(四)

會員管理終於來到最終章,因為其他功能都是 CRUD,而且也因為 Firebase 將使用者認證這塊切得很細,所以花較多的篇幅來介紹。然而雖然使用者在註冊成功當下...

鐵人賽 SideProject30 DAY 21

技術 Day21—開發日記(五)使用v指令將資料傳入firebase的Authentication

前言 今天是開發的Day5,重點為使用vue指令拿到使用者輸入資料後傳進去firebase的Authentication。 實現內容 註冊頁面 用vue指令拿...

鐵人賽 SideProject30 DAY 20

技術 Day20:在 React 專案中使用 Firebase Authentication 實作會員管理(三)

除了使用電子郵件與密碼註冊以外,考量到有些使用者不喜歡管理太多組帳號、密碼,所以今天就將開通的 Google, Facebook 帳號註冊功能串接到網站裡吧!關...

鐵人賽 SideProject30 DAY 19

技術 Day19:在 React 專案中使用 Firebase Authentication 實作會員管理(二)

在上一篇文章中,我成功將使用電子郵件與密碼註冊會員之功能串接,接下來是取得該註冊會員在 API 中的資訊,除了我們可以傳值進去,Firebase 也會自動產生一...

鐵人賽 SideProject30 DAY 18

技術 Day18:在 React 專案中使用 Firebase Authentication 實作會員管理(一)

好,目前已將 Firebase 的服務都設定的差不多了,接下來就是一一實作將功能與頁面結合。 提示訊息元件 在實作之前,我們來建立一個提示訊息元件,因為串接功能...

鐵人賽 SideProject30 DAY 17

技術 Day17:開啟 Firebase 的 Google 與 Facebook 之登入與註冊功能

我們在上一個篇章中完成了信箱的驗證設定後,今天就可以接著進行 Google 與 Facebook 的部分,設定完成後即可讓使用者以自己 Google 與 Fac...

鐵人賽 Modern Web DAY 20

技術 [Day20] 實做 - Firebase Cloud Firestore 創建視訊間

完成網頁的部署後,也捕捉到 local 端的 stream 。這篇會引入 Firebase SDK 並嘗試使用 Cloud Firestore 的功能讓使用者點...

鐵人賽 Mobile Development DAY 26
React Native CLI 開發心法 系列 第 26

技術 DAY 26 React Native 效能優化:使用 Firebase Performance Monitoring 監控應用程式效能

利用 firebase 打造自動監測應用程式效能的工具,當效能發生問題時就會系統自動發信通知,最重要的是可以同時監測到 iOS 跟 Android 的正式環境的...

鐵人賽 SideProject30 DAY 16

技術 Day16:串接 Firebase 的資料庫與設定信箱驗證

經過前一篇文章的操作與設定,我們已經將 Firebase 引入至 React 專案中,今天就來串接資料庫吧! 串連 Firestore database 首先先...

鐵人賽 Mobile Development DAY 25
React Native CLI 開發心法 系列 第 25

技術 DAY 25 React Native 效能優化:使用 Firebase Crashlytics 追蹤應用程式 Crash

Firebase 的功能種類非常多,在 DAY 14 使用 Firebase 發佈 React Native 測試版 APP - 多種環境配置 時已經分別將 A...

鐵人賽 SideProject30 DAY 15

技術 Day15:快速於 React 專案引入 Firebase 服務

於前一篇的前置準備完成後,我們已在網路空間新增一個 Firebase 專案了。然而因為刻畫面耗時較長,也希望在刻畫面的同時能夠同時串接資料(就不要為了頁面呈現而...

鐵人賽 Modern Web DAY 18

技術 [Day18] 實作 - Firebase 創建專案 & 部署

終於來到實作篇啦 🎉🎉🎉 ~ 本次會先建立的 Firebase 專案當作第一次交換資訊的 server。 create-react-app 先建立一個專案! n...

鐵人賽 SideProject30 DAY 14

技術 Day14:將 Firebase 加進 React 專案之前置準備

比賽好快進到中間時期,剛好適逢中秋佳節與教師節,先祝各位佳節愉快、順利完賽! 這個連假應該會將專案的元件都完成,並且將註冊、登入與基本頁面先行組裝,後續樣式細節...

鐵人賽 Modern Web DAY 17

技術 [Day17] Firebase Cloud Firestore 資料庫

這次時做會使用到 Cloud Firestore 作為第一次交換資訊的 Signaing Server,因此在開始實作前先來了解這個強大的 NoSQL 資料庫用...