หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>โค้ดแหล่งที่มา AI
ดาวน์โหลด

แพลตฟอร์มหลักสูตรของฉัน

  • การสาธิต
  • ด้ายเกี่ยวกับ "สิ่งที่เกิดขึ้นในโครงการนี้"

การจัดการผู้ใช้ฝั่งเซิร์ฟเวอร์ด้วย

  • GraphQL (บทช่วยสอน) และ Firebase (บทช่วยสอน)
    • ลงชื่อเข้าใช้
    • ลงทะเบียน
    • ลงชื่อเข้าใช้
    • การเปลี่ยนอีเมล
    • เปลี่ยนรหัสผ่าน
    • รีเซ็ตรหัสผ่าน

เส้นทางที่ได้รับการป้องกันไคลเอนต์และฝั่งเซิร์ฟเวอร์ด้วย

  • next.js การอนุญาตและเซสชั่น firebase

ชำระเงินด้วย

  • แถบ
  • paypal

จัดแต่งทรงผม

  • การออกแบบมด
  • ส่วนประกอบสไตล์ (การสอน)
  • การเปลี่ยนหน้า

พิมพ์การสนับสนุนด้วย

  • ตัวพิมพ์ใหญ่

ฐานรหัสทดสอบด้วย

  • jest (การสอน)
  • react testing library
  • Apollo Mocks

ตัวแปรสภาพแวดล้อมด้วย

  • dotenv

นำเข้าอย่างแน่นอนด้วย

  • Babel Module Resolver (บทช่วยสอน)

ทหารยาม

คุณสมบัติเพิ่มเติม

  • ส่วนลดพร้อมคูปอง
  • การตลาดแบบพันธมิตรกับโปรแกรมพันธมิตร

การติดตั้ง

  • 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 ของคุณ
  • paypal
    • การชำระเงิน
  • แถบ
    • การชำระเงิน
    • webhook

.FireBaseServiceAccountKey.JSON ไฟล์

เยี่ยมชมที่นี่สำหรับ Firebase Admin SDK และสร้างไฟล์ FirebaseServiceAccountKey.json จากที่นั่นซึ่งควรอยู่ในโฟลเดอร์รูทของโครงการของคุณ หากใช้ Git ให้เพิ่มลงในไฟล์ . gitignore ของคุณ

บัญชีผู้ดูแลระบบ

หากคุณต้องการมีบัญชีที่มีการเรียกร้องผู้ดูแลระบบ Firebase ให้สร้างบัญชี Firebase นี้ก่อนผ่าน UI จากนั้นตั้ง uid ของบัญชีผู้ใช้ใน . ENV ด้วย FIREBASE_ADMIN_UID และรีสตาร์ทเซิร์ฟเวอร์ของคุณ

Stripe CLI สำหรับ webhook ในโหมดการพัฒนา

แถบ CLI 

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

secret สามารถใช้ใน . env : 

 STRIPE_WEBHOOK_SECRET=secret

จากนั้นปลอมคำขอด้วย Stripe CLI stripe payment_intents create --amount=100 --currency=usd จะทำงาน ตรวจสอบให้แน่ใจว่าแอปพลิเคชันกำลังทำงานอยู่ด้วย หรือใช้คุณสมบัติการชำระเงินของเว็บแอปพลิเคชันสำหรับจริง

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด