Udesk微信小程序即时通讯开发入门（二、代码篇）

作者：张振琦

开发微信小程序，需要下载《微信开发者工具》，在微信官方文档小程序、工具、下载里面可以找到。安装好后，新建一个小程序项目，填写自己的AppId，会生成一个默认的项目。

默认项目中的范例代码，已经实现了，获取用户信息。我们这边接着写，将范例代码得到的用户名和用户头像直接传给Udesk。代码非常简单，添加一个按钮即可。

<view class='todos'><button open-type="contact" size="mini" session-from= "udesk|{{userInfo.nickName}}|{{userInfo.avatarUrl}}">进入客服会话 </button>
</view>

注意：因为小程序自身限制，暂时无法通过API获取用户信息，所有Udesk采用小程序支持的 session-from 参数实现该功能 session-from 小程序最多支持1000字符串，为了正常使用，该字段的长度尽量<=1000字节支持客户的系统信息、客户自定义字段、业务标题、业务自定义字段。

如果不传入其他信息，代码就完成了，非常的简单。开发者工具暂时不支持打开客服会话，要使用真机进行运行。效果如下：

点击“进入客服会话”

Udesk客户系统中效果，可以看到客户来源，客户的昵称和客户的微信头像都会传入进来。

如果需要传入其他的客户信息，可以在button的session-from里继续添加customer信息。在indes.js里的Page的data对象里添加custome_info字段

  customer_info: JSON.stringify({"email": "udesk@test.com","description": "微信小程序用户"})

我们传入邮箱、描述以及客户等级，我们再添加一个按钮，然后在session-from里追加客户信息

<view class='todos'><button open-type="contact" size="mini" session-from= "udesk|{{userInfo.nickName}}|{{userInfo.avatarUrl}}|customer^{{customer_info}}">进入客服对话并传入客户信息</button>
</view>

运行后效果

点击“进入客服对话并传入客户信息”

我们看到，之前对话记录也会保留，同时还支持对上一次对话的评价。查看一下Udesk在线客服系统内的客服窗口

可以看到，邮箱和描述信息都已经传入Udesk系统的客户信息里。

如果需要传入其他的客户信息或者是业务记录信息，可以查询Udesk官网文档：https://www.udesk.cn/doc/thirdparty/weixin_mini/

另外Udesk客服系统还提供了更便捷的客服接入方式–H5，Udesk系统客户可以根据不同场景，将h5链接嵌入不同的按钮中。同样也支持在小程序的webview中打开会话页面，我们后续再介绍这种方式。

Udesk微信小程序即时通讯开发入门（二、代码篇）相关推荐

php欢迎界面代码,分享微信小程序欢迎界面开发的实例代码
这篇文章主要分享微信小程序欢迎界面开发的实例代码的相关资料,这里实现欢迎界面的简单实例和实现代码及实现效果图,需要的朋友可以参考下微信小程序欢迎界面市面上大多数的app都会有一个欢迎界面,下面将 ...
SpringBoot对接微信小程序支付功能开发（二，支付回调功能）
接着上一篇: SpringBoot对接微信小程序支付功能开发(一,下单功能) 在上一篇下单功能中我们有传支付结果回调地址. 下面是回调接口实现 package com.office.miniapp.c ...
微信小程序之云开发入门
一.小程序云开发程序的云开发: 开发者可以使用云开发开发微信小程序.小游戏,无需搭建服务器,即可使用云端能力. 云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器 ...
微信小程序订阅消息开发教程及代码(java后端实现)
1.配置消息模板,微信订阅消息需要固定的模板小程序后台地址:点击进入 2.小程序前端订阅大多数模板是一次订阅,永久订阅需要指定的机构或组织,具体可以参考官方文档. 用户在小程序内点击按钮触发消息订 ...
微信小程序蓝牙BLE开发实战——案例(二)
微信小程序蓝牙BLE开发实战(二) 上篇主要介绍在开发过程中应用到相关API操作.接下来介绍个人在项目开发中应用蓝牙BLE一些事情. 由于时间比较仓促, 有些注释没那么详细.请理解~写的不好欢迎各位大 ...
SpringBoot对接微信小程序支付功能开发（一，下单功能）
1,接入前准备: 接入模式选择直连模式: 申请小程序,得到APPID,并开通微信支付: 申请微信商户号,得到mchid,并绑定APPID: 配置商户API key,下载并配置商户证书,根据微信官方文档 ...
视频教程-微信小程序界面设计-样式入门到精通-微信开发
微信小程序界面设计-样式入门到精通 04年进入计算机行业.拥有6年net和php项目开发经验,8年java项目开发经验. 现前端全栈工程师,主攻产品设计,微信开发等. 黄菊华 ¥66.00 立即订阅 ...
【TB-02模组专题③】微信小程序蓝牙通讯 Ble 蓝牙Mesh TB02模组；
本<安信可ble mesh蓝牙模组TB-02模组专题>系列博客学习由官方博客 CSDN安信可博客潜心所力所写.如有不对之处,请留言,我们及时更改. 1.BLE MESH开发环境linux ...
GoEasy小程序即时通讯源码 v1.1.0基于GoEasy提供的websocket通讯服务
介绍: GoEasy小程序即时通讯源码是一个基于GoEasy提供的websocket通讯服务,实现的小程序即时通讯,支持一对一单聊.群聊.会话列表.上下线提醒.历史消息.离线消息,支持发送图片.视频. ...

Udesk微信小程序即时通讯开发入门（二、代码篇）

Udesk微信小程序即时通讯开发入门（二、代码篇）相关推荐

最新文章

热门文章