微信小程序嵌入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即时通讯"

客服系统内效果

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

Android嵌入Udesk即时通讯网页插件（一、入门）
作者:张振琦 Android 系统上实现Udesk即时通讯,除了使用Udesk提供的原生sdk以外还可以嵌入Udesk提供的即时通讯网页插件.Udesk即时通讯网页插件的内容,大家可以参考<Ud ...
Udesk接入需求---Android嵌入Udesk即时通讯网页插件（二、实现发送照片,录屏,发送文件）
Udesk接入需求---1.初步接入 Udesk接入需求---1.初步接入这是19年当时的一个需求,这是第一步,接入方式,但是最后我接入的方式,由于公司是付费用户,所有选择的是 webview嵌套H ...
Udesk即时通讯网页插件：按钮设置
作者:张振琦前篇我们介绍了Udesk即时通讯网页插件的创建以及如何使用.在网页插件的管理页面内除了基本信息还有其他的一些选项卡,按钮设置.窗口设置.邀请设置.导航菜单和其他设置. 本篇来介绍一下按钮 ...
Udesk即时通讯网页插件发送咨询对象（一、使用内嵌代码）
作者:张振琦最近接到了一个客户工单,咨询是否可以在即时通讯的聊天窗口里发送商品信息.Udesk即时通讯网页插件是提供了这个功能的,叫做咨询对象.我也整理了一下,网页插件实现发送咨询对象可分为三种方式 ...
Udesk即时通讯网页插件离线消息推送
作者:张振琦 Udesk即时通讯网页插件提供了,当客户离线后,客服回复的消息可以推送到我们自己的一个服务地址上的功能.这样就给了我们很大的发挥空间,我们可以使用短信.邮件等方式提醒客户上线查看消息,或 ...
Udesk即时通讯网页插件专用链接传参介绍
作者:张振琦在<Udesk即时通讯(IM)网页插件入门>中说到了即时通讯的专用链接,也演示了浏览器直接访问和网页iframe加载的效果.本篇来介绍一下,专用链接支持的参数,通过给专用链接 ...
Udesk 即时通讯网页插件客户身份认证（二、插件传入篇）
作者:张振琦上篇我们实现了服务端的签名算法,我接下来看WebIM插件里如何传入客户信息.调用的接口如下: // SHA1示例 ud({"customer": {"non ...
微信小程序跳转到H5网页
小程序是一种不用下载就能使用的应用,也是一项门槛非常高的创新,经过将近两年的发展,已经构造了新的小程序开发环境和开发者生态.小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果,现 ...
【小程序模板】功能模块+仿vivo手机商城微信小程序+品牌手机APP购物网页模板
[小程序模板]功能模块+仿vivo手机商城微信小程序+品牌手机APP购物网页模板源码简介与安装说明: 仿vivo手机商城微信小程序品牌手机app购物网页模板源码下载. 小程序源码下载地址:(82条 ...

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

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

最新文章

热门文章