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

Bằng cách sử dụng một số tính năng Firebase và Stripe khác nhau, bạn có thể xử lý 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 mình. Hướng dẫn này hướng dẫn bạn cách tùy chỉnh và triển khai phiên bản ứng dụng ví dụ đám mây-functions-stripe -sample.web.app nguồn mở của riêng bạn.

Trước khi bắt đầu, hãy tạo một dự án trong bảng điều khiển Firebase và thiết lập tài khoản Stripe .

Tổng quan triển khai

1. Thiết lập tài khoản Stripe .
2. Tạo một dự án trong bảng điều khiển Firebase .
3. Bật thanh toán cho dự án của bạn và định cấu hình Firebase CLI để sử dụng dự án của bạn với firebase use --add .
4. Lấy mã nguồn cho ứ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. Bật đăng nhập Google & Email trong cài đặt nhà cung cấp xác thực của bạn.
3. Kích hoạt Cloud Firestore .
4. Cài đặt Firebase CLI nếu bạn chưa cài đặt và đăng nhập bằng firebase login .
5. Định 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 các phần phụ thuộc cục bộ bằng cách chạy cd functions; npm install; cd -

7. Thêm Khóa bí mật API Stripe vào cấu hình môi trường Chức năng đám mây của bạn:

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

8. Đặt khóa có thể xuất bản Stripe của bạn trong /public/javascript/app.js :

   const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;

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

   1. Gửi tất cả các tập tin trong thư mục public đến Hosting để trang web của bạn có sẵn.
   2. Gửi mã trong thư mục functions tới Cloud Functions cho Firebase.
   3. Đặt quy tắc bảo mật trên cơ sở dữ liệu Cloud Firestore của bạn như được đị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 cũng như phương thức thanh toán của riêng họ.

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

Truy cập 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 các tính năng sau hoạt động:

• Bạn có thể đăng nhập qua Google hoặc Email.
• Bạn có thể thêm thẻ kiểm tra Stripe mới và xem thẻ đó trong phần chọn 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, hãy 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 của trang thanh toán hoặc cắm nó vào ứng dụng hiện có của mình.

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. Truy cập Cloud 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 kiểm tra danh sách những người dùng đó theo từng người dùng.

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

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

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 khóa có thể xuất bản trực tiếp của bạn trong /public/javascript/app.js .

3. Triển khai lại cả Chức năng đám mây và Lưu trữ để các thay đổi có hiệu lực: firebase deploy .