使用 Firebase 處理付款

使用一些不同的 Firebase 功能和 Stripe,您可以在您的網絡應用程序中處理付款,而無需構建自己的服務器基礎設施。本指南將引導您自定義和部署自己的開源版本cloud-functions-stripe-sample.web.app示例應用程序。

在開始之前,創建在一個項目火力地堡控制台,並成立了條紋帳戶。

實施概述

  1. 建立一個條紋帳戶。
  2. 創建在一個項目火力地堡控制台
  3. 啟用付費項目和配置火力地堡CLI與使用項目firebase use --add
  4. 獲取源代碼的樣本Firestripe應用。使用適合您項目的正確信息配置它並自定義代碼以適合您的應用程序。
  5. 部署應用後,在 Firebase 控制台中查找用戶和交易列表。

設置和部署示例應用程序

  1. 獲取源代碼
  2. 啟用谷歌和電子郵件登錄您的身份驗證提供者設置
  3. 啟用雲公司的FireStore
  4. 安裝火力地堡CLI ,如果你有沒有準備好,並與登錄firebase login
  5. 配置此示例使用項目與firebase use --add
  6. 通過運行在本地安裝的依賴cd functions; npm install; cd -
  7. 添加您的條紋API密鑰的秘密你的雲功能環境配置:

    firebase functions:config:set stripe.secret=<YOUR STRIPE SECRET KEY>

  8. 設置你的條紋發布的關鍵/public/javascript/app.js

    const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;

  9. 使用您的項目部署firebase deploy 。這個命令:

    1. 發來的所有文件public目錄託管,使您的網站是可用的。
    2. 發送的代碼functions目錄雲功能的火力地堡。
    3. 您的雲計算公司的FireStore數據庫上設置安全規則的配置firestore.rules 。提供的規則僅允許用戶讀取和寫入他們自己的付款和付款方式。

測試示例應用程序

訪問您的支付應用程序的URL在your-firebase-project-id.web.app並驗證了以下功能工作:

  • 您可以通過 Google 或電子郵件登錄。
  • 您可以添加新的條紋測試卡並查看它在卡中選擇元素。
  • 您可以選擇其中一張卡並為其充電。
  • 你可以退出。

為了進行比較,看cloud-functions-stripe-sample.web.app

為了為您的用戶提供簡化的體驗,您可以進一步自定義付款頁面的外觀,或將其插入現有應用程序。

查看已處理的付款

設置並部署付款頁面後,您可以查看 Firebase 控制台並查看用戶列表及其付款方式和付款。

  1. 轉到雲公司的FireStore
  2. 檢查您的用戶列表,如果他們添加了任何信用卡或進行了任何交易,則查看每個用戶下的用戶列表。

接受實時付款

準備好上線後,您需要將測試密鑰換成實時密鑰。看到條紋的文檔,詳細了解這些密鑰。

  1. 更新您的 Stripe 機密配置:

    firebase functions:config:set stripe.secret=<YOUR STRIPE LIVE SECRET KEY>

  2. 設置您的直播發布的關鍵/public/javascript/app.js

  3. 雙方重新部署雲功能和主機以使更改生效: firebase deploy