欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  互联网

微信小程序嵌入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点,如果需要上传文件,请大家提前准备并预留好时间。

业务域名配置成功后,可以在微信开发者工具的详情内看到
微信小程序嵌入Udesk即时通讯网页插件
代码实现起来很容易,只要新建一个页面,使用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'})
}

运行后效果:

微信小程序嵌入Udesk即时通讯网页插件
点击"H5即时通讯"

微信小程序嵌入Udesk即时通讯网页插件
客服系统内效果

微信小程序嵌入Udesk即时通讯网页插件

本文地址:https://blog.csdn.net/zczhangzhenqi/article/details/109624662