Khi sử dụng một số tính năng của Firebase và Stripe, bạn có thể xử lý các khoản thanh toán bằng ứng dụng web của bạn 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 đi bộ bạn thông qua việc tuỳ chỉnh và triển khai phiên bản nguồn mở của riêng bạn Ứng dụng mẫu cloud-functions-stripe-sample.web.app.
Trước khi bắt đầu, hãy tạo một dự án trong bảng điều khiển của Firebase và thiết lập một Tài khoản Stripe.
Tổng quan về quy trình triển khai
- Thiết lập tài khoản Stripe.
- Tạo một dự án trong bảng điều khiển của Firebase.
- Bật tính năng thanh toán cho dự án và định cấu hình CLI Firebase
để sử dụng dự án của bạn với
firebase use --add
. - Lấy mã nguồn cho ứng dụng Firestripe mẫu. Định cấu hình bằng bên phải cho dự án và tuỳ chỉnh mã cho phù hợp với ứng dụng của bạn.
- Sau khi bạn triển khai ứng dụng, hãy tìm danh sách người dùng và giao dịch trong bảng điều khiển của Firebase.
Thiết lập và triển khai ứng dụng mẫu
- Tải mã nguồn.
- Bật Google & Đăng nhập bằng email trong phần cài đặt nhà cung cấp dịch vụ xác thực.
- Bật Cloud Firestore.
- Cài đặt Firebase CLI nếu bạn chưa cài đặt và đăng nhập bằng
firebase login
. - Định cấu hình mẫu này để sử dụng dự án của bạn với
firebase use --add
. - Cài đặt các phần phụ thuộc trên máy bằng cách chạy
cd functions; npm install; cd -
Thêm Stripe API Secret Key (Khoá bí mật cho API Stripe) vào cấu hình môi trường Cloud Functions của bạn:
firebase functions:config:set stripe.secret=<YOUR STRIPE SECRET KEY>
Đặt khoá có thể xuất bản của Stripe trong
/public/javascript/app.js
:const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;
Triển khai dự án bằng
firebase deploy
. Lệnh này:- Gửi tất cả các tệp trong thư mục
public
đến Hosting để trang web của bạn có thể truy cập được. - Gửi mã trong thư mục
functions
đến Cloud Functions for Firebase. - Đặt quy tắc bảo mật trên cơ sở dữ liệu Cloud Firestore như được định cấu hình trong
firestore.rules
. Các quy tắ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 mình.
- Gửi tất cả các tệp trong thư mục
Kiểm thử ứng dụng mẫu
Truy cập URL của ứng dụng thanh toán tại
your-firebase-project-id.web.app
và xác minh rằng các tính năng sau đây hoạt động:
- Bạn có thể đăng nhập qua Google hoặc Email.
- Bạn có thể thêm một thẻ thử nghiệm Stripe mới rồi xem thẻ đó trong phần tử 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.
Để đơn giản hoá trải nghiệm cho người dùng, bạn có thể tuỳ chỉnh thêm giao diện của trang thanh toán hoặc đưa trang đó vào ứng dụng hiện có.
Xem các khoản thanh toán đã xử lý
Khi đã thiết lập và triển khai trang thanh toán, bạn có thể kiểm tra Firebase Play Console rồi xem danh sách người dùng cùng với phương thức thanh toán và khoản thanh toán của họ.
- Truy cập vào trang Cloud Firestore.
- Kiểm tra danh sách người dùng của bạn và liệu họ có thêm thẻ tín dụng hoặc bất kỳ giao dịch nào, danh sách các giao dịch đó trong từng người dùng.
Chấp nhận các khoản thanh toán trực tiếp
Khi đã sẵn sàng xuất bản chính thức, bạn cần đổi khoá thử nghiệm lấy khoá trực tiếp. Xem Tài liệu về Stripe để tìm hiểu thêm về các khoá này.
Cập nhật cấu hình bí mật cho Stripe:
firebase functions:config:set stripe.secret=<YOUR STRIPE LIVE SECRET KEY>
Đặt khoá có thể phát hành trực tiếp của bạn trong
/public/javascript/app.js
.Triển khai lại cả Cloud Functions và Hosting để các thay đổi có hiệu lực:
firebase deploy
.