微信小程序嵌入Udesk即时通讯网页插件
程序员文章站
2022-04-06 07:56:54
作者:张振琦小程序除了使用原生通讯方式接入Udesk,还可以使用web-view组件嵌入Udesk即时通讯网页插件的专用链接来实现。原生接入方式可以参考以下文章《Udesk微信小程序即时通讯开发入门(一、配置篇)》《Udesk微信小程序即时通讯开发入门(二、代码篇)》与原生接入方式不同,使用web-view组件嵌入Udesk即时通讯网页插件只需要微信小程序的管理页面【开发】-【开发设置】配置业务域名即可。配置业务域名需要上传校验文件。这个操作需要您提交工单,由Udesk售后技术支持帮您处理....
作者:张振琦
小程序除了使用原生通讯方式接入Udesk,还可以使用web-view组件嵌入Udesk即时通讯网页插件的专用链接来实现。
原生接入方式可以参考以下文章
《Udesk微信小程序即时通讯开发入门(一、配置篇)》
《Udesk微信小程序即时通讯开发入门(二、代码篇)》
与原生接入方式不同,使用web-view组件嵌入Udesk即时通讯网页插件只需要微信小程序的管理页面【开发】-【开发设置】配置业务域名即可。
配置业务域名需要上传校验文件。这个操作需要您提交工单,由Udesk售后技术支持帮您处理。
上传校验文件属于高危操作,Udesk现在采取统一定时上传方式,上传时间为每周五晚上10点,如果需要上传文件,请大家提前准备并预留好时间。
业务域名配置成功后,可以在微信开发者工具的详情内看到
代码实现起来很容易,只要新建一个页面,使用web-view加载即时通讯的专用链接。然后再打开这个页面即可。
webim.wxml
<view>
<web-view src="你的Udesk即时通讯网页插件的专用链接"></web-view>
</view>
index.wxml里添加一个按钮
<view>
<button type="primary" plain="true" bindtap="openh5">H5即时通讯</button>
</view>
index.js内实现openh5方法, 完成页面跳转
openh5: function() {
wx.navigateTo({url: '../webim/webim'})
}
运行后效果:
点击"H5即时通讯"
客服系统内效果
本文地址:https://blog.csdn.net/zczhangzhenqi/article/details/109624662
上一篇: 垂直拆分的影响有哪些
下一篇: 引爆社群的4大支点,你造吗?