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

小程序引入七鱼sdk

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' })
相关推荐
TiAmo zhang3 小时前
微信小程序开发案例 | 简易登录小程序
微信小程序·小程序·1024程序员节
黑马源码库miui520864 小时前
场馆预定系统小程序
微信·微信小程序·小程序·1024程序员节
开发者小天6 小时前
uniapp中对接开发激励广告视频
uni-app
奎歪歪6 小时前
UniApp缓存系统详解
缓存·uni-app·1024程序员节
2501_915106328 小时前
iOS 打包 IPA 全流程详解,签名配置、工具选择与跨平台上传实战指南
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张8 小时前
iOS 混淆实操指南多工具组合实现 IPA 混淆、加固与发布治理 IPA 加固
android·ios·小程序·https·uni-app·iphone·webview
十五春会1 天前
【uniapp】App平台展示pdf文件
pdf·uni-app
请叫我欧皇i1 天前
保姆级教程vscode创建uniapp vue3+ts+pinia项目并实现自动导入、打包功能
ide·vscode·uni-app
海鸥两三1 天前
Uni-App(Vue3 + TypeScript)项目结构详解 ------ 以 Lighting-UniApp 为例,提供源代码
vue.js·typescript·uni-app·1024程序员节
知识分享小能手1 天前
uni-app 入门学习教程,从入门到精通,uni-app 企业项目实战:鲁嗑瓜子项目开发知识点(9)
前端·javascript·学习·微信小程序·小程序·uni-app·vue