网易云信-IM即时通讯 微信小程序端实现

小程序端的需求,使用网易云信的即时通讯作为咨询沟通的工具。
这里介绍怎么把云信小程序demo中 聊天部分剥离出来。
云信小程序demo地址
先看效果,点击咨询记录进入到和客服聊天页面
网易云信-IM即时通讯 微信小程序端实现_第1张图片
咨询页面:
网易云信-IM即时通讯 微信小程序端实现_第2张图片

第一步:引入必须文件

将云信demo中的这些文件拷贝到你的小程序项目:网易云信-IM即时通讯 微信小程序端实现_第3张图片
这个文件夹将demo中这两个文件拷贝即可:
网易云信-IM即时通讯 微信小程序端实现_第4张图片
第二步:初始化IM
在保证文件都引入且没有路径之类的问题后,进行初始化IM操作,在你进入到聊天页面之前
1.在这个文件修改你的appkey:
网易云信-IM即时通讯 微信小程序端实现_第5张图片
2.把im.js文件密码的md5去掉
网易云信-IM即时通讯 微信小程序端实现_第6张图片
3.在进入到聊天页面前调用:
new IMController({})
只需要账号密码即可,一般是点对点聊天,sessiontype写死成p2p
在这里插入图片描述
网易云信-IM即时通讯 微信小程序端实现_第7张图片
跳转到聊天页,把信息放进url:
这里account是你要和谁聊天 就填谁都账号,session是p2p
注意,聊天前双方要是好友关系,需要后端通过接口添加
在这里插入图片描述
只要跳转到chating页面,逻辑就被云信接管,基本上流程就通了。
如果要视频聊天,在跳转到videocall页面即可,demo里有videoCall这个方法:
account 你要视频对象的账号(本猿太丑就不放视频聊天的截图了,视频后台的开发在我另一篇文章有详情介绍)
在这里插入图片描述

你可能感兴趣的:(网易云信-IM即时通讯 微信小程序端实现)