開始使用:編寫、測試及部署第一個函式


如要開始使用 Cloud Functions,可以嘗試瀏覽本教學課程 第一步是完成必要的設定工作,並完成建立、測試 及部署兩個相關函式:

  • 「add message」函式會公開可接受文字值的網址,並將該值寫入 Cloud Firestore
  • 「提升大寫」在 Cloud Firestore 寫入和轉換時觸發的函式 請將文字轉換為大寫

我們選擇使用 Cloud Firestore 和 HTTP 觸發的 JavaScript 函式做為本範例的一部分,是因為這些背景觸發事件可透過 Firebase Local Emulator Suite 進行徹底測試。這個工具組 也支援 Realtime Database, PubSub、Auth 和 HTTP 可呼叫觸發條件。其他類型的背景觸發條件 Remote Config、TestLab 和 Analytics 觸發條件 使用工具集進行互動測試 加以說明。

本教學課程的後續章節將詳細說明建構、測試及部署範例所需的步驟。如果您只想執行程式碼並進行檢查,請直接跳到「查看完整程式碼範例」一節。

建立 Firebase 專案

  1. Firebase 控制台中,按一下「新增專案」

    • 如要將 Firebase 資源新增至現有 Google Cloud 專案,請輸入專案名稱,或從下拉式選單中選取。

    • 如要建立新專案,請輸入所需的專案名稱。您也可以視需要編輯專案名稱下方顯示的專案 ID。

  2. 系統提示時,請詳閱並接受 Firebase 條款

  3. 按一下「繼續」

  4. (選用) 為專案設定 Google Analytics,進而 ,使用下列任一 Firebase 產品來獲得最佳體驗:

    選取現有項目 Google Analytics 帳戶 或建立新帳戶

    如果您建立新帳戶,請選取Analytics報表位置,然後接受專案的資料共用設定和 Google Analytics 條款。

  5. 按一下「建立專案」(如果您使用的是現有的 Google Cloud 專案,請按一下「新增 Firebase」)。

Firebase 會自動為你的 Firebase 專案佈建資源。程序完成後,您會前往 Firebase 主控台的 Firebase 專案總覽頁面。

設定 Node.js 和 Firebase CLI

您需要 Node.js 環境才能寫入函式。 而且您需要 Firebase CLI,才能將函式部署至 Cloud Functions 執行階段。如要安裝 Node.js 和 npm,建議使用 Node Version Manager

安裝 Node.js 和 npm 後,請透過偏好的方法安裝 Firebase CLI。如要透過 npm 安裝 CLI,請使用:

npm install -g firebase-tools

這樣就會安裝全球可用的 Firebase 指令。如果指令失敗,您可能需要變更 npm 權限。如要更新至最新版的 firebase-tools,請重新執行相同指令。

初始化您的專案

Cloud Functions 初始化 Firebase SDK 時,您會建立空專案,其中包含依附元件和一些最少的範例程式碼,並選擇 TypeScript 或 JavaScript 來組合函式。為了配合本教學課程,您還需要初始化 Cloud Firestore

如要初始化專案:

  1. 執行 firebase login 透過瀏覽器登入並驗證 Firebase CLI。
  2. 前往 Firebase 專案目錄。
  3. 執行 firebase init firestore。 在本教學課程中,您可以接受預設值 並在系統提示時輸入 Firestore 規則和索引檔案的值如果您尚未在這個專案中使用 Cloud Firestore,也需要選取 Firestore 的啟動模式和位置,如開始使用 Cloud Firestore 所述。
  4. 執行 firebase init functions。 CLI 會提示您選擇現有項目 或是初始化並命名新的程式碼集。才剛開始 只需在預設位置僅保留一個程式碼集即可; 隨著實作範圍擴大 要在程式碼集中整理函式
  5. CLI 提供兩種語言支援選項:

    在本教學課程中,請選取「JavaScript」

  6. CLI 可讓您選擇使用 npm 安裝依附元件。安全無虞 拒絕採用其他方式管理依附元件時 如果拒絕,就必須先執行 npm install 才能模擬, 部署函式

成功完成這些指令後,您的專案結構看起來會像這樣 :

myproject
 +- .firebaserc    # Hidden file that helps you quickly switch between
 |                 # projects with `firebase use`
 |
 +- firebase.json  # Describes properties for your project
 |
 +- functions/     # Directory containing all your functions code
      |
      +- .eslintrc.json  # Optional file containing rules for JavaScript linting.
      |
      +- package.json  # npm package file describing your Cloud Functions code
      |
      +- index.js      # main source file for your Cloud Functions code
      |
      +- node_modules/ # directory where your dependencies (declared in
                       # package.json) are installed

初始化期間建立的 package.json 檔案包含一個重要金鑰:"engines": {"node": "16"}。這會指定 讓您快速編寫及部署函式您可以選取其他支援的版本

匯入必要模組並初始化應用程式

完成設定工作後,您可以: 開啟來源目錄,並開始新增程式碼,方法如 後續章節。對於這個範例,您的專案必須使用 Node require 陳述式匯入 Cloud Functions 和 Admin SDK 模組。新增路線 像下列範例到 index.js 檔案中:

// The Cloud Functions for Firebase SDK to create Cloud Functions and set up triggers.
const functions = require('firebase-functions/v1');

// The Firebase Admin SDK to access Firestore.
const admin = require("firebase-admin");
admin.initializeApp();

這些行會載入 firebase-functionsfirebase-admin 模組,並初始化 admin 應用程式執行個體,以便進行 Cloud Firestore 變更。凡是提供 Admin SDK 支援服務的國家/地區 適用於 FCMAuthenticationFirebase Realtime Database 以強大的 Cloud Functions 方式整合 Firebase。

Firebase CLI 會自動提供支援 在初始化時安裝「Cloud Functions」節點模組的 Firebase 和 Firebase SDK 。如要將第三方程式庫新增至專案,您可以修改 package.json 並執行 npm install。詳情請參閱「處理依附元件」。

新增 addMessage() 函式

針對 addMessage() 函式,請在 index.js 中新增以下幾行程式碼:

// Take the text parameter passed to this HTTP endpoint and insert it into
// Firestore under the path /messages/:documentId/original
exports.addMessage = functions.https.onRequest(async (req, res) => {
  // Grab the text parameter.
  const original = req.query.text;
  // Push the new message into Firestore using the Firebase Admin SDK.
  const writeResult = await admin
    .firestore()
    .collection("messages")
    .add({ original: original });
  // Send back a message that we've successfully written the message
  res.json({ result: `Message with ID: ${writeResult.id} added.` });
});

addMessage() 函式是 HTTP 端點。任何傳送至端點的要求 ExpressJS 樣式的結果 要求回應 再傳送至 onRequest() 回呼。

HTTP 函式是同步的 (類似於可呼叫的函式),因此您應盡快傳送回應,並使用 Cloud Firestore 延後工作。addMessage() HTTP 函式會將文字值傳遞至 HTTP 端點,並將該值插入路徑 /messages/:documentId/original 下的資料庫中。

新增 makeUppercase() 函式

針對 makeUppercase() 函式,請在 index.js 中新增以下幾行內容:

// Listens for new messages added to /messages/:documentId/original and creates an
// uppercase version of the message to /messages/:documentId/uppercase
exports.makeUppercase = functions.firestore
  .document("/messages/{documentId}")
  .onCreate((snap, context) => {
    // Grab the current value of what was written to Firestore.
    const original = snap.data().original;

    // Access the parameter `{documentId}` with `context.params`
    functions.logger.log("Uppercasing", context.params.documentId, original);

    const uppercase = original.toUpperCase();

    // You must return a Promise when performing asynchronous tasks inside a Functions such as
    // writing to Firestore.
    // Setting an 'uppercase' field in Firestore document returns a Promise.
    return snap.ref.set({ uppercase }, { merge: true });
  });

makeUppercase() 函式會在寫入 Cloud Firestore 時執行。 「ref.set」函式 會定義要監聽的文件。基於成效考量 請盡可能具體說明

大括號 (例如 {documentId}) 會包圍「參數」(萬用字元),這些參數會在回呼中公開相符的資料。

Cloud Firestore 會在新增新訊息時觸發 onCreate() 回呼。

事件導向函式 (例如 Cloud Firestore 事件) 是非同步的。回呼函式應傳回 null、物件或承諾。如果您沒有傳回任何值,函式就會逾時、表示錯誤,以及 重試。請參閱同步處理、非同步和 Promise

模擬函式的執行作業

Firebase Local Emulator Suite敬上 可讓您在本機電腦上建構及測試應用程式,不必部署到 Firebase 專案我們強烈建議您在開發期間進行本機測試,部分原因是這樣做可降低在實際執行環境中可能產生成本的程式碼錯誤風險 (例如無限迴圈)。

如要模擬函式:

  1. 執行 firebase emulators:start 並檢查網址的輸出內容 「Emulator Suite UI」。預設為 localhost:4000,但可能會在電腦上的不同通訊埠上託管。在瀏覽器中輸入該網址,即可開啟 Emulator Suite UI

  2. 請檢查 firebase emulators:start 指令的輸出內容,找出 HTTP 函式 addMessage() 的網址。除了以下幾點外,其餘都與 http://localhost:5001/MY_PROJECT/us-central1/addMessage 類似:

    1. MY_PROJECT 會替換為您的專案 ID。
    2. 本機電腦上的通訊埠可能不同。
  3. 將查詢字串 ?text=uppercaseme 加到函式網址的結尾。 如下所示: http://localhost:5001/MY_PROJECT/us-central1/addMessage?text=uppercaseme。 您可以視需要變更訊息「大寫」自訂 IP 位址 撰寫新的電子郵件訊息

  4. 在瀏覽器中開啟新分頁,建立新的訊息。

  5. 查看 Emulator Suite UI 中的函式效果:

    1. 在「Logs」分頁中,您應該會看到新的記錄,指出 addMessage()makeUppercase() 函式已執行:

      i functions: Beginning execution of "addMessage"

      i functions: Beginning execution of "makeUppercase"

    2. 「Firestore」分頁中應會顯示一份含有原始檔案的文件 訊息及大寫版本 (如果有的話) 您會看到「大寫」。

將函式部署至實際工作環境

所需函式在模擬器中正常運作後,即可繼續 包括在正式環境中部署、測試及執行請注意,如要部署至建議的 Node.js 14 執行階段環境,您的專案必須採用 Blaze 定價方案。請參閱 Cloud Functions 定價

如要完成本教學課程,請部署函式,然後執行 addMessage() 來觸發 makeUppercase()

  1. 執行下列指令來部署函式:

     firebase deploy --only functions
     

    執行這項指令後,Firebase CLI 會輸出任何 HTTP 函式端點的網址。您應該會在終端機中看到類似以下的文字行:

    Function URL (addMessage): https://us-central1-MY_PROJECT.cloudfunctions.net/addMessage
    

    該網址包含您的專案 ID 和 HTTP 區域 函式。雖然您現在不必擔心這點,但某些實際的 HTTP 函式應指定位置,以盡量減少網路延遲時間。

    如果發生存取錯誤,例如「無法授權存取 「專案」請檢查您的專案別名

  2. 使用 CLI 的 addMessage() 網址輸出,新增文字查詢參數。 然後在瀏覽器中開啟:

    https://us-central1-MY_PROJECT.cloudfunctions.net/addMessage?text=uppercasemetoo
    

    這項函式會執行並將瀏覽器重新導向至 Firebase 主控台,並在文字字串儲存的資料庫位置執行。這個寫入事件會觸發 makeUppercase(),後者會寫入字串的大寫版本。

部署及執行函式後 您可以前往 Google Cloud 控制台查看記錄。 如果您需要在開發或實際環境中刪除函式,請使用 Firebase CLI。

在實際工作環境中,建議您最佳化函式效能和控管機制 設定要執行的執行個體數量上下限。如要進一步瞭解這些執行階段選項,請參閱「控制資源調度行為」。

查看完整程式碼範例

以下是包含 addMessage()makeUppercase() 函式的完整 functions/index.js。這些函式可讓您 將參數加入 HTTP 端點 會將值寫入 Cloud Firestore,然後依據 。

// The Cloud Functions for Firebase SDK to create Cloud Functions and set up triggers.
const functions = require('firebase-functions/v1');

// The Firebase Admin SDK to access Firestore.
const admin = require("firebase-admin");
admin.initializeApp();

// Take the text parameter passed to this HTTP endpoint and insert it into
// Firestore under the path /messages/:documentId/original
exports.addMessage = functions.https.onRequest(async (req, res) => {
  // Grab the text parameter.
  const original = req.query.text;
  // Push the new message into Firestore using the Firebase Admin SDK.
  const writeResult = await admin
    .firestore()
    .collection("messages")
    .add({ original: original });
  // Send back a message that we've successfully written the message
  res.json({ result: `Message with ID: ${writeResult.id} added.` });
});

// Listens for new messages added to /messages/:documentId/original and creates an
// uppercase version of the message to /messages/:documentId/uppercase
exports.makeUppercase = functions.firestore
  .document("/messages/{documentId}")
  .onCreate((snap, context) => {
    // Grab the current value of what was written to Firestore.
    const original = snap.data().original;

    // Access the parameter `{documentId}` with `context.params`
    functions.logger.log("Uppercasing", context.params.documentId, original);

    const uppercase = original.toUpperCase();

    // You must return a Promise when performing asynchronous tasks inside a Functions such as
    // writing to Firestore.
    // Setting an 'uppercase' field in Firestore document returns a Promise.
    return snap.ref.set({ uppercase }, { merge: true });
  });

後續步驟

這份說明文件可協助您進一步瞭解如何 Cloud Functions函式 以及如何 來處理 Cloud Functions 支援的所有事件類型。

如要進一步瞭解Cloud Functions,請 也可以進行下列操作: