微信小程序嵌入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