Interaction Module

1. Overview

互动模块(interactReceive) is primarily responsible for the logic processing on the interaction receiving end. It has integrated the interaction receiving end JSSDK provided by Polyv internally. Developers can use the API provided by the interactReceive module to obtain a single instance of each interaction function SDK and pass the instance into the UI component of the interaction receiving end. This document only provides the method for obtaining a single instance. For detailed usage, please refer to the Interaction Receiving End JSSDK documentation.

Note: The interactReceive module will automatically update the interaction SDK configuration. Developers do not need to call updateConfig separately for updates.

2. Usage

Obtain a single instance of the interaction component through the viewing page SDK and create an interaction UI component example (using card push as an example):

<!-- @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>

3. API Method Overview

4. Event Overview