Hiển thị flow ở chế độ Observer trong iOS SDK

1. Implement the AdaptyObserverModeResolver object:

   func observerMode(didInitiatePurchase product: AdaptyPaywallProduct,
                     onStartPurchase: @MainActor @Sendable @escaping () -> Void,
                     onFinishPurchase: @MainActor @Sendable @escaping () -> Void) {
          // use the product object to handle the purchase
          // use the onStartPurchase and onFinishPurchase callbacks to notify AdaptyUI about the process of the purchase
   }
   
   func observerModeDidInitiateRestorePurchases(onStartRestore: @MainActor @Sendable @escaping () -> Void,
                                                onFinishRestore: @MainActor @Sendable @escaping () -> Void) {
          // use the onStartRestore and onFinishRestore callbacks to notify AdaptyUI about the process of the restore
   }

Sự kiện observerMode(didInitiatePurchase:onStartPurchase:onFinishPurchase:) sẽ thông báo cho bạn biết rằng người dùng đã khởi tạo một giao dịch mua. Bạn có thể kích hoạt flow mua hàng tùy chỉnh của mình để phản hồi callback này.

Sự kiện observerModeDidInitiateRestorePurchases(onStartRestore:onFinishRestore:) sẽ thông báo cho bạn biết rằng người dùng đã khởi tạo khôi phục giao dịch. Bạn có thể kích hoạt flow khôi phục tùy chỉnh của mình để phản hồi callback này.

Ngoài ra, hãy nhớ gọi các callback sau để thông báo cho AdaptyUI về quá trình mua hàng hoặc khôi phục. Điều này cần thiết để paywall hoạt động đúng, chẳng hạn như hiển thị loader:

2. Tạo đối tượng cấu hình paywall:

   do {
       let paywallConfiguration = try AdaptyUI.getPaywallConfiguration(
        forPaywall: <paywall object>, 
        observerModeResolver: <AdaptyObserverModeResolver>
        )
   } catch {
       // handle the error
   }

   Tham số yêu cầu:

3. Khởi tạo paywall trực quan bạn muốn hiển thị bằng cách sử dụng phương thức .paywallController(for:products:viewConfiguration:delegate:):

   import AdaptyUI
   
   let visualPaywall = AdaptyUI.paywallController(
       with: <paywall configuration object>,
       delegate: <AdaptyPaywallControllerDelegate>
   )

Các tham số yêu cầu:

Trả về:

Sau khi đối tượng được tạo thành công, bạn có thể hiển thị nó như sau:

present(visualPaywall, animated: true)

Để hiển thị paywall trực quan trên màn hình thiết bị, sử dụng modifier .paywall trong SwiftUI:

@State var paywallPresented = false

var body: some View {
	Text("Hello, AdaptyUI!")
			.paywall(
          isPresented: $paywallPresented,
          paywallConfiguration: <paywall configuration object>,
          didPerformAction: { action in
              switch action {
                  case .close:
                      paywallPresented = false
                  default:
                      // Handle other actions
                      break
              }
          },
          didFinishRestore: { profile in /* check access level and dismiss */  },
          didFailRestore: { error in /* handle the error */ },
          didFailRendering: { error in paywallPresented = false }
      )
}

(empty input — nothing to translate)

Tham số closure:

Tham khảo chủ đề iOS - Xử lý sự kiện để biết thêm về các tham số closure khác.

1. Triển khai đối tượng AdaptyObserverModeDelegate:

   func paywallController(_ controller: AdaptyPaywallController,
                          didInitiatePurchase product: AdaptyPaywallProduct,
                          onStartPurchase: @escaping () -> Void,
                          onFinishPurchase: @escaping () -> Void) {
          // use the product object to handle the purchase
          // use the onStartPurchase and onFinishPurchase callbacks to notify AdaptyUI about the process of the purchase
   }

paywallController(_:didInitiatePurchase:onStartPurchase:onFinishPurchase:) sẽ thông báo cho bạn biết rằng người dùng đã bắt đầu một giao dịch mua. Bạn có thể kích hoạt flow mua hàng tùy chỉnh của mình để phản hồi sự kiện này.

Ngoài ra, hãy nhớ gọi các callback sau để thông báo cho AdaptyUI về tiến trình của giao dịch mua. Điều này cần thiết để paywall hoạt động đúng cách, chẳng hạn như hiển thị loader và các tác vụ khác:

2. Khởi tạo paywall trực quan bạn muốn hiển thị bằng phương thức .paywallController(for:products:viewConfiguration:delegate:observerModeDelegate:):

   import AdaptyUI
   
   let visualPaywall = AdaptyUI.paywallController(
       for: <paywall object>,
       products: <paywall products array>,
       viewConfiguration: <LocalizedViewConfiguration>,
       delegate: <AdaptyPaywallControllerDelegate>
       observerModeDelegate: <AdaptyObserverModeDelegate>
   )

Các tham số yêu cầu:

Trả về:

Sau khi đối tượng được tạo thành công, bạn có thể hiển thị nó như sau:

present(visualPaywall, animated: true)

Để hiển thị paywall trực quan trên màn hình thiết bị, sử dụng modifier .paywall trong SwiftUI:

@State var paywallPresented = false

var body: some View {
	Text("Hello, AdaptyUI!")
			.paywall(
          isPresented: $paywallPresented,
          paywall: <paywall object>,
          configuration: <LocalizedViewConfiguration>,
          didPerformAction: { action in
              switch action {
                  case .close:
                      paywallPresented = false
                  default:
                      // Handle other actions
                      break
              }
          },
          didFinishRestore: { profile in /* check access level and dismiss */  },
          didFailRestore: { error in /* handle the error */ },
          didFailRendering: { error in paywallPresented = false },
          observerModeDidInitiatePurchase: { product, onStartPurchase, onFinishPurchase in
              // use the product object to handle the purchase
              // use the onStartPurchase and onFinishPurchase callbacks to notify AdaptyUI about the process of the purchase
          }, 
      )
}

(empty input — nothing to translate)

Closure parameters:

Tham khảo chủ đề iOS - Xử lý sự kiện để biết các tham số closure khác.