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 hướng dẫn bạn cách tùy chỉnh và triển khai phiên bản ứng dụng mẫu mã nguồn mở cloud-functions-stripe-sample.web.app 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 về 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 tính năng 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 dịch vụ xác thực của bạn.
  3. Bậ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 bộ các phụ thuộc bằng cách chạy cd functions; npm install; cd -
  7. Thêm Khóa bí mật API Stripe của bạn 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 firebase deploy . Lệnh này:

    1. Gửi tất cả các tệp 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 Chức năng đám mây cho Firebase.
    3. Đặt các 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 và phương thức thanh toán của riêng họ.

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

Truy cập URL của ứ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 Sọc mới và 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 .

Để 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. 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 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 tài liệu về 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 .