Google cam kết thúc đẩy công bằng chủng tộc cho Cộng đồng người da đen. Xem cách thực hiện.

Xử lý thanh toán bằng Firebase

Sử dụng một vài tính năng Firebase và Stripe khác nhau, bạn có thể xử lý các khoản thanh toán trong ứng dụng web của mình mà không cần xây dựng cơ sở hạ tầng máy chủ của riêng bạn. Hướng dẫn này giúp bạn tùy chỉnh và triển khai các phiên bản của riêng bạn của mã nguồn mở cloud-functions-stripe-sample.web.app dụ ứng dụng.

Trước khi bạn bắt đầu, tạo một dự án trong căn cứ hỏa lực console và thiết lập một sọc tài khoản.

Tổng quan về triển khai

  1. Thiết lập một sọc tài khoản.
  2. Tạo một dự án trong căn cứ hỏa lực console .
  3. Kích hoạt tính năng thanh toán cho dự án của bạn và cấu hình các căn cứ hỏa lực CLI để sử dụng dự án của bạn với firebase use --add .
  4. Lấy mã nguồn cho các ứng dụng Firestripe mẫu. Định cấu hình nó với thông tin phù hợp cho dự án của bạn và tùy chỉnh mã để phù hợp với ứng dụng của bạn.
  5. Sau khi bạn đã triển khai ứng dụng của mình, hãy tìm danh sách người dùng và giao dịch trong bảng điều khiển Firebase.

Thiết lập và triển khai ứng dụng mẫu

  1. Lấy mã nguồn .
  2. Kích hoạt tính năng Google & Email đăng nhập vào bạn thiết lập cung cấp dịch vụ chứng thực .
  3. Kích hoạt tính năng đám mây FireStore .
  4. Cài đặt căn cứ hỏa lực CLI nếu bạn chưa sẵn sàng, và đăng nhập với firebase login .
  5. Cấu hình mẫu này để sử dụng dự án của bạn với firebase use --add .
  6. Cài đặt phụ thuộc tại địa phương bằng cách chạy cd functions; npm install; cd -
  7. Thêm bạn sọc API bí mật chính để cấu hình chức năng môi trường đám mây của bạn:

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

  8. Đặt bạn chìa khóa publishable sọc trong /public/javascript/app.js :

    const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;

  9. Triển khai dự án của bạn sử dụng firebase deploy . Lệnh này:

    1. Gửi tất cả các tập tin trong public thư mục để Hosting để trang web của bạn có sẵn.
    2. Gửi mã trong functions thư mục với Cloud Chức năng cho căn cứ hỏa lực.
    3. Thiết lập quy tắc bảo mật cơ sở dữ liệu trên đám mây FireStore của bạn như cấu hình trong firestore.rules . Các quy tắc được cung cấp chỉ cho phép người dùng đọc và viết các khoản thanh toán và phương thức thanh toán của riêng họ.

Kiểm tra ứng dụng mẫu

Ghé thăm URL ứng dụng thanh toán của bạn tại your-firebase-project-id.web.app và xác minh rằng những điều sau đây đặc trưng công việc:

  • Bạn có thể đăng nhập qua Google hoặc Email.
  • Bạn có thể thêm mới thẻ kiểm tra sọc và xem nó trong các lựa chọn yếu tố thẻ.
  • Bạn có thể chọn một trong các thẻ của mình và tính phí.
  • Bạn có thể đăng xuất.

Để so sánh, xem cloud-functions-stripe-sample.web.app .

Để cung cấp trải nghiệm hợp lý cho người dùng, bạn có thể tùy chỉnh thêm giao diện trang thanh toán của mình hoặc cắm nó vào ứng dụng hiện có của bạn.

Xem các khoản thanh toán đã xử lý

Sau khi thiết lập và triển khai trang thanh toán của mình, bạn có thể kiểm tra bảng điều khiển Firebase và xem danh sách người dùng cùng với các phương thức thanh toán và khoản thanh toán của họ.

  1. Tới đám mây FireStore .
  2. Kiểm tra danh sách người dùng của bạn và nếu họ đã thêm bất kỳ thẻ tín dụng nào hoặc thực hiện bất kỳ giao dịch nào, hãy liệt kê danh sách những người đó trong mỗi người dùng.

Chấp nhận thanh toán trực tiếp

Khi bạn đã sẵn sàng hoạt động, bạn sẽ cần đổi các khóa kiểm tra lấy các khóa trực tiếp của mình. Xem các tài liệu sọc để tìm hiểu thêm về các phím.

  1. Cập nhật cấu hình bí mật Stripe của bạn:

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

  2. Đặt của bạn quan trọng được xuất bản sống trong /public/javascript/app.js .

  3. Triển khai lại cả hai chức năng Cloud và Hosting để những thay đổi có hiệu lực: firebase deploy .