iT邦幫忙

firebase相關文章
共有 214 則文章
鐵人賽 Modern Web DAY 17

技術 Day 17|Firebase Storage 實戰:用 Node.js + multer 上傳圖片到雲端

昨天我們完成了 Firebase Storage 的環境設定: 建立專案 & Bucket 下載服務金鑰 設定 .env 今天就要正式進入實戰篇!...

鐵人賽 Modern Web DAY 16

技術 Day 16|Firebase Storage 初探:輕鬆搞定專案檔案上傳前置作業

在前幾天,我們的 API 主要處理「資料」的 CRUD。 但在真實專案裡,除了文字資料,圖片與檔案上傳 也幾乎是必備功能(例如:會員大頭貼、商品圖片、文章配圖)...

鐵人賽 Modern Web DAY 12

技術 屋內安全[ 1 / 6 ]:Firebase Rules

在前幾篇,我們已經有了「 房門與門鎖 」的表單驗證,也做好「 屋況驗收 」。但如果門鎖只是裝飾,任何人都能翻窗進來,那這棟房子還是非常危險。這時候,就需要 Fi...

鐵人賽 Modern Web DAY 8

技術 房門與門鎖[ 5 / 6 ]:OAuth 實戰 — 用 Firebase 實作 Google 登入

在上一篇,我們完成了登入表單的驗證,算是裝好了「基本門鎖」。但如果你常用現代網站或 App,應該會發現:許多平台除了傳統帳號密碼之外,還提供了「社群登入」選項。...

鐵人賽 Security DAY 8

技術 Day 08: 【後端起手式】Firebase Functions:打造 Serverless FIDO 後端服務

前言:進入後端實作階段 根據我們在第一週定版的系統設計與 API 規格,第二階段的核心目標是實現 FIDO/WebAuthn 的後端邏輯。為此,我們選定 Fir...

鐵人賽 Security DAY 7

技術 Day 07: 【第一週回顧】技術基礎與系統設計定版

前言:第一階段 (理論與設計) 總結 本週,我們完成了專案的第一階段:技術理論研究與系統設計。此階段的目標是為後續的開發工作奠定堅實的基礎,確保所有團隊成員對核...

鐵人賽 Security DAY 5

技術 【Day 05 協議詳解 III】信任的證明:解構 WebAuthn 驗證儀式

前言:從契約到通行證 在昨天的註冊儀式中,我們的後端伺服器(RP)與使用者的驗證器簽訂了一份基於公鑰密碼學的信任契約。這份契約的核心是我們安全地儲存了使用者的公...

鐵人賽 Security DAY 4

技術 【Day 04 —協議詳解 II】信任的誕生:解構 WebAuthn 註冊儀式

前言:從對話到契約 昨天,我們認識了 WebAuthn 世界中的三大主角,並了解了「註冊 (Attestation)」與「驗證 (Assertion)」這兩大核...

鐵人賽 Security DAY 3

技術 【Day 03 —協議詳解】WebAuthn 的世界觀:讀懂規格書的第一步

前言:從宏觀地圖到微觀詞典 在昨天的探索中,我們繪製了一張 FIDO2 的宏觀作戰地圖,理解了 WebAuthn (軟體 API) 與 CTAP (硬體通訊)...

鐵人賽 Security DAY 2

技術 【Day 02 — FIDO 生態系】解構 FIDO2:WebAuthn、CTAP 與公鑰密碼學的交響樂

(圖片來源: FIDO Alliance) 前言:揭開無密碼革命的引擎蓋 在昨天的文章中,我們確立了 FIDO 是實現零信任的關鍵技術,是我們揮別密碼時代的「石...

鐵人賽 Security DAY 1

技術 【Day 01 —資安的浪潮】從金管會最新規範,看 FIDO 如何成為零信任時代的『石中劍』

身為軟體開發者,我們總是追逐著一波又一波的技術浪潮,而最近在臺灣科技圈,有個關鍵字正逐漸受到重視:FIDO。如果你還沒參與到「零信任 (Zero Trust)...

鐵人賽 Mobile Development DAY 15

技術 30 天做一個極簡App:每日喚醒 FCM推播通知

我覺得一個好的App是需要被提醒點開他的,現在好用的小工具太多,多到我本來要記得使用,但真的不是不需要,也不是App不夠好,是真的忘記了。 如果使用者忘記使用它...

鐵人賽 Security DAY 1

技術 【Day 01 —資安的浪潮】從金管會最新規範,看 FIDO 如何成為零信任時代的『石中劍』

身為軟體開發者,我們總是追逐著一波又一波的技術浪潮,而最近在臺灣科技圈,有個關鍵字正逐漸受到重視:FIDO。如果你還沒參與到「零信任 (Zero Trust)...

鐵人賽 生成式 AI DAY 3

技術 (Day 3) 我如何選定開發技術:AI 協助下的技術決策

選定平台主題之後,我並沒有立刻投入開發,而是花了幾天時間與 AI 深入討論,釐清開發前的各項技術細節。這段「準備期」對專案方向的確立極為關鍵,也讓我這個完全沒有...

鐵人賽 Mobile Development DAY 22

技術 Basic30天學會行動App-第22章.使用Firebase擴展功能

第22章: 使用Firebase擴展功能 Firebase 是由 Google 提供的一套後端服務工具集,旨在幫助開發者快速構建高效、可靠的行動應用程式。它提供...

鐵人賽 Mobile Development DAY 18

技術 Basic30天學會行動App-第18章.建立聊天App

第18章: 建立聊天App 即時通訊應用程式(如聊天App)是現代行動應用中非常流行的一類程式。無論是社交平台、團隊協作工具還是客戶支援系統,即時通訊都是其核心...

鐵人賽 Mobile Development DAY 25
我的 Android 工具箱 系列 第 25

技術 Day 25 - [發佈] 02-功能強大的輕量級當機回報 - Crashlytics

情境 接續上篇 [發佈] 01-快速發佈測試 APP - Firebase App Distribution,已經可以提供 APP 給他人測試,接下來我們需要追...

鐵人賽 Mobile Development DAY 24
我的 Android 工具箱 系列 第 24

技術 Day 24 - [發佈] 01-快速發佈測試 APP - Firebase App Distribution

情境 在 APP 正式對外發布前,都會經過好幾輪測試。而這些測試用的 APK,我們通常會用 Firebase 的 App Distribution 來發佈和管理...

技術 Android Studio 讀取 Firebase data

介紹AndroidStudio專案創建後如何與Firebase進行連接,Firebase數據創建與讀取權限實作測試,本實作的data是手動輸入的,如需匯入資料進...

鐵人賽 SideProject30 DAY 30

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

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

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

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

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

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

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

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

鐵人賽 SideProject30 DAY 29

技術 Day29:當顧客開始訂位

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

鐵人賽 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...

鐵人賽 SideProject30 DAY 24

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

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