首先下载网易SDK

网易官方SDK下载入口

项目引入初始化SDK

import Chatroom from '../../vendor/NIM_Web_Chatroom_v5.4.0.js'

请求白名单的设置

  1. 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
  2. socket 合法域名:
    wss://wlnimsc0.netease.im (IM即时通讯)
    wss://wlnimsc1.netease.im (IM聊天室)
  3. uploadFile 合法域名:
    https://nos.netease.com (普通上传)
    https://wanproxy-web.127.net (分片上传)
  4. 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方法需要您到网易云信文档参考网易云信文档直通车

Logo

网易智企-云信开发者社区是面向全网开发者的技术交流与服务平台,依托近 29 年 IM、音视频技术积累,提供 IM、RTC、实时对话智能体、云原生、短信等全场景开发资源。

更多推荐