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

gaojianqiao12342025-05-13 11:45

小程序引入七鱼sdk

1.微信公众平台引入
2.代码引入
3.在pagesQiyu.vue初始化企业appKey
4.跳转打开七鱼客服

1.微信公众平台引入

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

2.代码引入

在分包中引入插件

bash 复制代码

    "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注册。主包调用无效

javascript 复制代码

<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引入中，生成的小程序APPID
	        app.globalData!.qiyuPluginInterface.__configAppId('xxx');
	        app.globalData!.qiyuPluginInterface._$configAppKey('xxx');// 申请企业的appKey
	    } else {
	    //每次进入清空会话
	        await app.globalData!.qiyuPluginInterface._$logout()
	    }
	    //plugin://自定义引入名称/chat
	    wx.redirectTo({
	        url: 'plugin://qiyuSdk/chat'
	    })
	})
</script>

4.跳转打开七鱼客服

javascript 复制代码

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