Xem trước flow

Bạn có hai cách để xem trước flow trên các loại màn hình khác nhau:

Xem trước trên thiết bị: Kiểm tra flow trông như thế nào trên các thiết bị thực tế ở bất kỳ giai đoạn phát triển nào.
Xem trước trên Adapty Dashboard: Xem trước flow trong khi đang thiết kế.

Xem trước trên thiết bị

Để xem trước flow của bạn trên thiết bị thực:

Tải ứng dụng di động Adapty cho iOS hoặc Android.
Trong Flow & Paywall Builder, nhấp vào Test on device.

Nút Test on device trong Flow & Paywall Builder

Chọn ngôn ngữ cho flow.
Quét mã QR bằng camera thiết bị hoặc mở đường dẫn. Thao tác này sẽ mở flow của bạn trong ứng dụng di động Adapty.

Note

Trong chế độ thử nghiệm, Adapty không thể truy cập sản phẩm của bạn trong các cửa hàng, vì vậy giá hiển thị trong flow không phải là giá thực.

Locale selector and QR code in the Test on device dialog

Khắc phục sự cố

Nếu flow không mở được trong bản xem trước, nguyên nhân thường là do một action chưa hoàn chỉnh, màn hình trống, hoặc sản phẩm chưa được gắn kết. Xem Các vấn đề thường gặp để biết danh sách đầy đủ.

Xem trước trong Adapty Dashboard

Tip

Để đảm bảo flow của bạn sẵn sàng để xuất bản, hãy xem trước trên thiết bị thực và xác nhận rằng nó hiển thị không có lỗi.

Bạn có thể xem trước flow của mình trên nhiều loại màn hình khác nhau bằng cách sử dụng khu vực xem trước trong Flow & Paywall Builder. Điều này giúp đảm bảo flow của bạn trông đẹp trên nhiều thiết bị và kích thước màn hình khác nhau.

Sử dụng các điều khiển xem trước bên dưới khu vực xem trước, bạn có thể:

Chọn thiết bị để xem trước flow của bạn.
Chuyển đổi giữa chế độ xem trước ngang và dọc.
Chuyển đổi giữa chế độ sáng và tối.
Chuyển đổi giữa các ngôn ngữ.

Tip

Luôn xem trước các ngôn ngữ khác nhau, vì độ dài từ có thể khác nhau và bố cục màn hình có thể trông khác đi.
Để xem trước các biến tùy chỉnh, hãy đặt giá trị ban đầu cho chúng. Ví dụ: nếu bạn thêm biến name, bạn có thể đặt giá trị ban đầu là Jane Doe để xem trước.

Xem trước sản phẩm và ưu đãi

Tính năng xem trước đọc biến sản phẩm từ danh mục Adapty của bạn, chỉ phản ánh một phần những gì thiết bị thực tế hiển thị:

prod_title hiển thị tiêu đề sản phẩm được lưu trong Adapty. prod_price và các biến prod_price_per_* hiển thị giá được lưu trong Adapty, tính bằng đô la Mỹ — người dùng sẽ thấy giá đã được bản địa hóa của cửa hàng thay thế.
offer_price, offer_billing_period, và offer_full_duration vẫn chưa được phân giải, vì vậy bản xem trước sẽ hiển thị tên biến trong dấu ngoặc nhọn — ví dụ: {{products.selectedProduct.offer_price}}. Các giá trị này sẽ được truyền vào flow khi SDK render nó trong ứng dụng của bạn.
is_free_trial, is_pay_up_front, và is_pay_as_you_go phụ thuộc vào ưu đãi được chọn trên thẻ sản phẩm. Khi không có ưu đãi, cả ba đều là false. Khi có ưu đãi, bản xem trước sẽ coi đó là pay-as-you-go.

Điều kiện trên loại ưu đãi sẽ chuyển đổi trong bản xem trước, nhưng mặc định chỉ hiển thị nhánh pay-as-you-go. Để xem các nhánh khác, hãy mô phỏng chế độ thanh toán:

Trên canvas, chọn thẻ sản phẩm có ưu đãi.
Trong bảng bên phải, dưới Product, mở dropdown ưu đãi.
Dưới Preview as, chọn Free trial, Pay up front, hoặc Pay as you go.

Mọi điều kiện trên ba biến đó đều hiển thị lại theo chế độ đã chọn cho thẻ đó. Preview as chỉ áp dụng cho một thẻ sản phẩm tại một thời điểm, không thay đổi gì trong flow bạn đã xuất bản, và sẽ đặt lại khi bạn thay đổi ưu đãi của thẻ đó.