nextjs firebase authentication

我的課程平台

• 演示
• 線程“進入該項目的內容”

服務器端用戶管理與

• GraphQL（教程）和Firebase（教程）
  • 登入
  • 報名
  • 登出
  • 電子郵件更改
  • 密碼更改
  • 密碼重置

客戶和服務器端受保護的路線

• next.js授權和壁爐會話

用

• 條紋
• 貝寶

與

• 螞蟻設計
• 樣式組件（教程）
• 頁面過渡

類型支持

• 打字稿

經過測試的代碼庫

• 開玩笑（教程）
• React測試庫
• 阿波羅模擬

環境變量與

• Dotenv

絕對進口

• Babel模塊解析器（教程）

哨兵

更多功能

• 優惠券的折扣
• 與合作夥伴計劃的會員營銷

安裝

• git clone [email protected]:rwieruch/nextjs-firebase-authentication.git
• cd nextjs-firebase-authentication
• 請參閱下面的其他安裝說明...
• yarn install
• yarn run dev
• 訪問http：// localhost：3000/

.env文件

創建一個.env文件。如果使用git，請將其添加到.gitignore文件中。

發展和生產的價值可能有所不同：

 BASE_URL=http://localhost:3000

FIREBASE_API_KEY=
FIREBASE_AUTH_DOMAIN=
FIREBASE_DATABASE_URL=
FIREBASE_PROJECT_ID=
FIREBASE_STORAGE_BUCKET=
FIREBASE_MESSAGING_SENDER_ID=
FIREBASE_APP_ID=

PAYPAL_CLIENT_ID=
PAYPAL_CLIENT_SECRET=

STRIPE_CLIENT_ID=
STRIPE_CLIENT_SECRET=
STRIPE_WEBHOOK_SECRET=

COUPON_SALT=
COUPON_URL=
FIREBASE_ADMIN_UID=

SENTRY_DSN=

REVUE_TOKEN=

SLACK_TOKEN=

CONVERTKIT_API_KEY=
CONVERTKIT_FORM_ID=

S3_ENDPOINT=
S3_ACCESS_KEY_ID=
S3_SECRET_ACCESS_KEY=
S3_BUCKET=

DATABASE_TYPE=
DATABASE_HOST=
DATABASE_PORT=
DATABASE_USERNAME=
DATABASE_PASSWORD=
DATABASE_NAME=
DATABASE_SSL_CERTIFICATE=

• 火基
  • 激活Firebase項目的電子郵件/密碼登錄方法
• 貝寶
  • 查看
• 條紋
  • 查看
  • Webhook

.firebaseserviceaccountkey.json文件

請訪問此處獲取Firebase Admin SDK，並從那裡生成firebaseserviceaccountkey.json文件，該文件應該在您的項目的根文件夾中。如果使用git，請將其添加到.gitignore文件中。

管理員帳戶

如果您想擁有一個具有Firebase Admin索賠的帳戶， FIREBASE_ADMIN_UID設置用戶帳戶的uid ，然後重新啟動您的服務器。

在開發模式下用於Webhook的Stripe CLI

條紋CLI

 stripe login
# follow instructions
stripe listen --forward-to localhost:3000/api/stripe-webhook
# copy and paste secret

secret可以在.env中使用：

 STRIPE_WEBHOOK_SECRET=secret

然後通過條紋CLI stripe payment_intents create --amount=100 --currency=usd偽造請求。確保應用程序也在運行。或將Web應用程序的Stripe Checkout功能用於真實。