首先下载网易SDK
项目引入初始化SDK
import Chatroom from '../../vendor/NIM_Web_Chatroom_v5.4.0.js'
请求白名单的设置
- request 合法域名:
https://lbs.netease.im
https://wlnimsc0.netease.im (IM即时通讯)
https://wlnimsc1.netease.im (IM聊天室)
https://dr.netease.im
https://nos.netease.com
https://nim-nosdn.netease.im
https://statistic.live.126.net - socket 合法域名:
wss://wlnimsc0.netease.im (IM即时通讯)
wss://wlnimsc1.netease.im (IM聊天室) - uploadFile 合法域名:
https://nos.netease.com (普通上传)
https://wanproxy-web.127.net (分片上传) - downloadFile 合法域名
https://nim-nosdn.netease.im
onLoad() {
let self = this
// '基本参数'
let chatroomInstance = Chatroom.getInstance({
appKey: '在云信管理后台查看应用的 appKey',
account: '帐号, 应用内唯一(后台API接口会有返回)',
token: '帐号的 token, 用于建立连接(后台API接口会有返回)',
isAnonymous: true, // 是否游客登录 设置为true时 acount与token可以去掉
chatroomNick: 'chatroomNick', // 进入聊天室后展示的昵称
chatroomAvatar: 'chatroomAvatar', // 进入聊天室后展示的头像
chatroomId: '聊天室ID(后台API接口会有返回)',
chatroomAddresses: ["wlnimsc1.netease.im:443"], // 聊天室地址列表
onmsgs: self.onChatroomMsgs, // 收到消息的回调
onconnect: self.onconnect, // 连接建立后的回调
})
// '挂在到全局以便后续操作'
app.globalData.chatroomInstance = chatroomInstance
},
// 直播间链接成功
onconnect(e) {
// 处理成功业务
},
// 直播间消息接收
onChatroomMsgs(list) {
// 例如: 评论、公告、发布商品...
},
// 发送评论
sendText() {
// 调用网易云信发送API
app.globalData.chatroomInstance.sendText({
'发送内容',
done: async (err, msg) => {
// 调用内部API接口
})
})
},
// 断开IM
destroyIM() {
if (app.globalData.chatroomInstance) {
app.globalData.chatroomInstance.destroy({
done: () => {
app.globalData.chatroomInstance = null
}
})
} else {
app.globalData.chatroomInstance = null
}
},
这里只是最基本的演示,具体API方法需要您到网易云信文档参考网易云信文档直通车