fbpx

深入了解 Firebase

使用 Firebase、Firestore、Firebase Storage(儲存) 和 Hosting(託管)、Firebase Cloud Functions 和 AngularFire 進行全端開發

從這 10 小時的課程,你會學到

  • Github 貯存庫中的程式碼,每個部分都有可下載的 ZIP 檔
  • 深入介紹 Firestore NoSQL 資料庫
  • 完整的事務性無伺服器 CRUD 示例
  • 使用 Firebase 身份驗證的電子郵件和社交身份驗證
  • 具有 Firestore 安全規則的完整 RBAC 基於角色的授權
  • 使用 Firebase Storage (儲存)保護無伺服器檔案上傳
  • 使用 Firebase Hosting (託管)的高性能、免費 SSL 託管
  • 使用 Firebase Cloud Functions 的資料庫觸發器
  • 使用 Firebase Cloud Functions 保護 REST 端點
  • 無伺服器架構設計
  • 使用 AngularFire 進行無伺服器 Angular 開發
  • 完整的嵌入式身份驗證解決方案:Firebase UI
  • 全面生產部署

要求

一點點 Angular 和 Typescript

課程說明

本課程簡而言之

如果您正在尋找配合 Angular 前端最佳的後端,那麼 Firebase 生態系統(帶有 Firestore NoSQL 資料庫)會是您正確的選擇。

今天,由於最新的 Firebase 開發工具,包括很棒的本地模擬器 local emulator(在課程中有詳細介紹),開發 Firebase 應用程式比以往任何時候都更簡單。

Firebase 允許我們以一種幾乎無伺服器的方式建構應用程式,從某種意義上說,在使用它時,我們只需編寫一點伺服器端程式碼,如果在很多情況下需要的話。

使用 Firebase,我們不僅可以查詢我們的資料庫,還可以直接從瀏覽器以安全的方式進行資料修改操作。 那麼這怎麼可能呢?

其工作方式是 Firestore 資料庫使我們能夠使用 Firestore 安全規則以聲明方式接受或拒絕傳入請求。

這個工作的一個關鍵要素是 Firebase 身份驗證,我們將在本課程中詳細介紹。 當然,Firebase 與前端無關,這意味著它可以與任何前端技術一起使用。 那麼為什麼它與 Angular 配合得特別好呢?

這要歸功於強大的 AngularFire 程式庫,它允許我們使用基於 AngularFire Observable 的 API 以反應方式輕鬆查詢和修改 Firestore 資料。

除了 Firestore 之外,Firebase 生態系統還提供了建構功能齊全的後端解決方案所需的一切。 這包括通過 Firebase Storage 安全上傳檔案和通過 Firebase Hosting 託管您的靜態檔案。

對於需要一些伺服器端程式碼的極少數情況,您也可以使用 Firebase Cloud Functions 在 Firebase 中執行此操作,這些函數是在 Google Cloud 基礎架構上運行的基於節點的無狀態函數。

使用 Cloud Functions,您可以實現僅限服務器的功能,例如數據庫觸發器,甚至可以實現只能在服務器上完成的操作的 REST 端點,例如用戶創建或支付。

Firebase 生態系統為快速構建 Web 應用程序的後端提供了完整的解決方案,讓您可以將更多的開發時間集中在前端。

課程大綱

在本課程中,我們將使用一個示例 Angular 應用程式並將其連接到 Firestore 資料庫。 我們將學習如何進行各種資料庫查詢,並提供您使用 AngularFire 完整的 CRUD 示例

我們將從一開始就設置本地開發模擬器(  local development emulator ),這將允許我們使用具有預定義身份驗證用戶和一些初始資料的本地資料庫。

模擬器還允許我們在本地測試雲端功能以及安全規則,這非常方便。

從那裡開始,我們將為應用程式添加安全性,首先使用 Firebase 身份驗證進行身份驗證。 我們將使用 Firebase UI 程式庫( library )實現電子郵件和密碼以及社交登錄。

我們還將使用 Firebase Authentication 自訂聲明和 AngularFire Authentication router guard 實現基於角色的授權

我們將實施一個管理螢幕,允許現有管理員以安全的方式建立其他用戶,包括其他管理員。

為此,我們需要一些後端程式碼,因此我們將為此使用 Firebase Cloud Functions。 我們還將展示如何使用 Cloud Functions 實現其他常用的後端功能,例如資料庫觸發器。

我們將展示如何使用 Firebase Storage (儲存) 安全上傳圖像縮略圖。

我們將通過使用 Firebase Hosting (託管)進行完整的生產部署並在非模擬生產環境中測試所有內容來結束課程。

目錄

本課程將討論以下主題:

  • NoSQL 資料建模簡介
  • 文檔與集合
  • Firestore 唯一識別
  • 使用 Firebase SDK 查詢資料庫
  • 使用 AngularFire 進行 Angular 服務層設計
  • 分頁
  • 指數、綜合指數
  • 使用 AngularFire 修改資料
  • 交易
  • 多路徑更新
  • AngularFire 的完整 CRUD 示例
  • 使用 Firebase 身份驗證進行身份驗證
  • 使用 AngularFire Authentication guard 保護螢幕
  • 使用 Firebase 安全規則保護資料庫訪問
  • 使用 Firebase 身份驗證自訂聲明的完全基於角色的授權
  • 使用 Firebase Storage(儲存)安全上傳檔案
  • Firebase Storage(儲存) 規則
  • 使用 Firebase Cloud Functions 的伺服器端圖像處理
  • Firebase Cloud Functions 資料庫觸發器
  • Firebase 可以運行 HTTP 端點
  • Cloud Functions 服務帳戶
  • 使用 Firebase Hosting (託管)進行生產部署

您將在本課程中學到什麼?

在本課程中,您將學習成為熟練的 Firebase 開發人員所需的一切知識。 您將了解如何為 Firestore 資料庫建模,以及如何使用 AngularFire 與其互動。

您將了解如何使用基於 AngularFire Observable 的 API 直接從前端實施安全的事務性資料修改查詢。 您將了解如何使用 Firestore 安全規則保護您的數據,以及如何實施基於角色的授權。

您將學習如何設計您的系統以使其需要最少的後端程式碼,必要時可以使用 Firebase Cloud Functions 來實現。

在課程結束時,您將自信地使用完整的 Firebase 生態系統以無伺服器方式設計和開發應用程式。

看看課程的免費預覽,享受此課程吧!

目標受眾

  • 任何試圖從頭開始學習 Firebase 生態系統的開發人員
  • Angular 開發人員正在尋找與 Angular 一起使用的最佳後端

講師簡介

Angular University 最暢銷的 Angular 課程 | 10 萬多名學生 | 16門課程

大家好,我是 Vasco Cavalheiro,是 Angular University 的線上講師。

多年來,我已經幫助超過 10 萬名開發人員學習了 Angular 框架及其周圍的技術生態系統。

在右上角的鏈接部分查看我的 Linkedin。

關於 Angular University:

Angular University 的目標是成為您學習和跟上整個 Angular 生態系統的地方。我們提供優質的視訊教程,螢幕操作風格。

無論您是 Angular 的初級、中級還是高級,我們都有幾門課程適合您。

更多關於我:

我是一名擁有多年經驗的軟體開發人員,非常擅長使用 Angular 建構用戶界面。多年來,我一直在各種企業項目中擔任前端開發人員/架構師。

我從事過大量專案,從幫助建構歐洲犯罪記錄資訊交換系統的單頁應用程式,到全新的電子銀行門戶,再到企業銀行門戶,等等。我一直是內部框架團隊的重要成員,該團隊為數十名開發人員的內部部門建構框架。

我也喜歡教授、寫作和談論技術。我期待成為您的 Angular 講師,

親切的問候,

Vasco

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境?LN+ for Web 已經針對 ChatGPT 的整合做最佳化

🙌 讓 Notion AI 成為你線上學習的得力助手,詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結



報名參加課程

Sponsored by Udemy


也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: