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 Adapty cho iOS hoặc Android, và đăng nhập bằng tài khoản Adapty bạn dùng trên dashboard.
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ữ của 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

Bản xem trước flow trong ứng dụng di động Adapty hiển thị giá mẫu, vì ứng dụng không thể truy cập sản phẩm của bạn trong các cửa hàng. Ngoài ra, không có giá trị nào được truyền cho custom tags, vì vậy bạn sẽ thấy giá trị khởi tạo của từng tag.

Locale selector and QR code in the Test on device dialog

Xử lý sự cố

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

Nếu chế độ xem trước thất bại với lỗi HTTP 401, ứng dụng di động Adapty chưa đăng nhập. Hãy đăng nhập bằng tài khoản Adapty bạn dùng trên dashboard, rồi quét lại mã QR.

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 nhiều ngôn ngữ khác nhau, vì các ngôn ngữ có thể có độ dài từ khác nhau, và bố cục màn hình có thể hiển thị khác nhau với từng ngôn ngữ.
Trong khu vực xem trước của builder, mỗi biến tùy chỉnh hiển thị giá trị ban đầu của nó, chẳng hạn như Jane Doe cho biến name. Với custom tag, đừng nhập dữ liệu mẫu: người dùng sẽ thấy giá trị ban đầu đó như một giá trị dự phòng khi ứng dụng của bạn không truyền giá trị nào. Hãy nhập một từ phù hợp với mọi người dùng, chẳng hạn như friend trong “Welcome back, friend!”

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 do đó sẽ chuyển đổi trong phần xem trước, nhưng theo 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.
Ở bảng bên phải, trong Product, mở dropdown ưu đãi.
Trong Preview as, chọn Free trial, Pay up front hoặc Pay as you go. Cài đặt này chỉ áp dụng cho thẻ hiện tại.