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功能用于真实。