Tổng quan về React Native SDK

Release

Chào mừng bạn! Chúng tôi ở đây để giúp việc tích hợp in-app purchase trở nên dễ dàng hơn bao giờ hết 🚀 Chúng tôi xây dựng Adapty React Native SDK để giúp bạn không còn phải lo lắng về in-app purchase, tập trung vào điều bạn làm tốt nhất – xây dựng những ứng dụng tuyệt vời. Đây là những gì chúng tôi xử lý cho bạn:

  • Xử lý giao dịch mua, xác thực receipt và quản lý gói đăng ký sẵn sàng ngay từ đầu
  • Tạo và kiểm thử flow, paywall mà không cần cập nhật ứng dụng
  • Xem phân tích mua hàng chi tiết mà không cần thiết lập gì — đã bao gồm cohort, LTV, churn và phân tích funnel
  • Luôn cập nhật trạng thái gói đăng ký của người dùng xuyên suốt các phiên và thiết bị
  • Tích hợp ứng dụng với các dịch vụ attribution marketing và phân tích chỉ bằng một dòng code

Dù ứng dụng của bạn được xây dựng bằng Expo hay React Native thuần, Adapty SDK đều hỗ trợ đầy đủ cả hai môi trường.

Trước khi bắt đầu với code, bạn cần tích hợp Adapty với App Store Connect và Google Play Console, sau đó thiết lập sản phẩm trong dashboard. Hãy xem hướng dẫn quickstart của chúng tôi để cấu hình mọi thứ trước.

Bắt đầu

Tích hợp tự động · Beta
Skill tích hợp Adapty SDK thực hiện toàn bộ quá trình tích hợp từ công cụ lập trình AI của bạn chỉ bằng một lệnh.

Đây là những gì chúng ta sẽ đề cập trong hướng dẫn tích hợp:

  1. Cài đặt & cấu hình SDK: Thêm SDK vào dự án và kích hoạt nó trong code. Adapty hoạt động được với cả Expo và dự án React Native thuần.
  2. Bật mua hàng qua flow: Thiết lập flow mua hàng để người dùng có thể mua sản phẩm. Nếu muốn tự xây dựng giao diện, xem Triển khai paywall thủ công.
  3. Kiểm tra trạng thái gói đăng ký: Tự động kiểm tra trạng thái gói đăng ký của người dùng và kiểm soát quyền truy cập vào nội dung trả phí.
  4. Xác định người dùng (tùy chọn): Liên kết người dùng với hồ sơ người dùng trong Adapty để đảm bảo dữ liệu của họ được lưu trữ nhất quán trên các thiết bị.

Xem ví dụ thực tế

Muốn xem tất cả hoạt động như thế nào? Chúng tôi đã chuẩn bị sẵn cho bạn:

  • Ứng dụng mẫu: Xem các ví dụ đầy đủ minh họa toàn bộ quá trình thiết lập
  • Video hướng dẫn: Theo dõi video hướng dẫn từng bước bên dưới

Các khái niệm cơ bản

Trước khi đi vào code, hãy cùng tìm hiểu các khái niệm quan trọng giúp Adapty hoạt động.

Điểm hay trong cách tiếp cận của Adapty là chỉ có các placement được hardcode trong ứng dụng của bạn. Mọi thứ khác – sản phẩm, thiết kế paywall, giá cả và ưu đãi – đều có thể được quản lý linh hoạt từ Adapty dashboard mà không cần cập nhật ứng dụng:

  1. Sản phẩm - Bất kỳ thứ gì có thể mua trong ứng dụng của bạn – gói đăng ký, consumable product hay quyền truy cập trọn đời.

  2. Flow hoặc paywall - Sản phẩm được đóng gói kèm cấu hình, gắn vào một placement. Có hai loại:

    • Flow - Giao diện trực quan, không cần code, được xây dựng trong Flow Builder. Adapty tự render UI và xử lý giao dịch mua cho bạn.
    • Paywall - Không có cấu hình giao diện; bạn tự xây dựng UI trong code của mình và tự gọi makePurchase. Xem Triển khai paywall thủ công.

    Trong code SDK, cả hai đều được lấy qua cùng một phương thức getFlow.

  3. Placement - Một vị trí chiến lược trong hành trình người dùng nơi bạn muốn hiển thị flow hoặc paywall. Hãy xem placement là “ở đâu” và “khi nào” trong chiến lược kiếm tiền của bạn. Các placement phổ biến bao gồm:

    • main - Vị trí paywall chính của bạn
    • onboarding - Hiển thị trong quá trình onboarding của người dùng
    • settings - Truy cập từ phần cài đặt của ứng dụng

    Bắt đầu với những placement cơ bản như main hoặc onboarding cho lần tích hợp đầu tiên, sau đó hãy nghĩ đến những nơi khác trong ứng dụng mà người dùng có thể sẵn sàng mua hàng.

  4. Hồ sơ người dùng - Khi người dùng mua sản phẩm, hồ sơ của họ sẽ được gán một mức độ truy cập mà bạn dùng để xác định quyền truy cập vào các tính năng trả phí.