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

小程序端的需求,使用网易云信的即时通讯作为咨询沟通的工具。
剥离点对点聊天功能且能独立运行的git项目: https://github.com/GstKishn/IM/
如解决了你的燃眉之急(开发不易),文末请作者喝个咖啡😠

这里简单介绍怎么把云信小程序demo中 聊天部分剥离出来。
云信小程序demo地址
先看效果,点击咨询记录进入到和客服聊天页面
在这里插入图片描述
咨询页面:
在这里插入图片描述

第一步:引入必须文件

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

请我喝个咖啡吧:
在这里插入图片描述

  • 3
    点赞
  • 13
    收藏
  • 打赏
    打赏
  • 17
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Kishn

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值