uniapp引入七鱼客服微信小程序SDK

1.微信公众平台引入

账号设置->第三方设置->添加插件->搜索 QIYUSDK ->添加

2.代码引入

在分包中引入插件

    "subPackages": [{"root": "pagesQiyu","pages": [{"path": "pages/pagesQiyu/pagesQiyu","style": {"navigationBarTitleText": "七鱼","enablePullDownRefresh": false}}],"plugins": {"qiyuSdk": {//自定义引入名称"version": "2.2.0","provider": "wxae5e29812005203f"}}}],

3.在pagesQiyu.vue初始化企业appKey

因为分包引入，所以只能在pagesQiyu.vue注册。主包调用无效

<template>
</template>
<script setup lang="ts">import { onLoad } from '@dcloudio/uni-app'onLoad(async () => {const app = getApp();if (!app.globalData!.qiyuPluginInterface) {//首次进入app.globalData!.qiyuPluginInterface = requirePlugin('qiyuSdk')//自定义引入名称// 不是微信的appId，ID为七鱼后台在线引入->sdk引入中，生成的小程序APPIDapp.globalData!.qiyuPluginInterface.__configAppId('xxx');app.globalData!.qiyuPluginInterface._$configAppKey('xxx');// 申请企业的appKey} else {//每次进入清空会话await app.globalData!.qiyuPluginInterface._$logout()}//plugin://自定义引入名称/chatwx.redirectTo({url: 'plugin://qiyuSdk/chat'})})
</script>

4.跳转打开七鱼客服

  uni.navigateTo({ url: '/pagesQiyu/pages/pagesQiyu/pagesQiyu' })