互動模組

一、功能概述

互动模块(interactReceive) 主要負責互動接收端的邏輯處理，內部已整合保利威提供的互動接收端 JSSDK。開發者可透過 interactReceive 模組提供的 API 取得各互動功能 SDK 的單一實例，並將實例傳入互動接收端的 UI 元件中。本文件僅提供單一實例的取得方式，詳細用法請參考 互動接收端 JSSDK 文件。

注意：interactReceive 模組內部會自動更新互動 SDK 設定，開發者無需另外呼叫 updateConfig 來更新。

二、使用方式

透過觀看頁 SDK 取得互動元件單一實例並建立互動 UI 元件範例（以卡片推送為例）：

<!-- @file 卡片推送 -->
<template>
  <iar-push-card
    :push-card-sdk="pushCardSdk"
    @entry-visible-changed="entryVisibleChanged"
  />
</template>

<script>
// 引入互动功能 UI 组件
import IarPushCard from '@polyv/interactions-receive-sdk-ui-default/lib/PushCard';

export default {
  components: {
    IarPushCard,
  },

  data() {
    return {
      pushCardSdk: null,
    };
  },

  methods: {
    entryVisibleChanged(visible) {
      // 当有入口时，回调入口的显示状态
      // visible：是否显示，true：显示，false：隐藏
      console.info('### 2.1 卡片入口当前的显示状态：', visible);
    }
  },

  mounted() {
    this.pushCardSdk = watchCore.internalReceive.getPushCard();
  },
};
</script>

三、Api 方法概覽

四、Event 事件概覽