ÿÿ Tổng quan vá» React Native SDK | Tài liệu Adapty

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í.

ÿÿÿÿ