融云 uniapp web 简单聊天 单聊 仿微信 新手学习使用案例demo
如何使用融云
这里只讨论web 用uniapp写的web版本,看懂了web版本就会uniapp版本,uniapp版本调用原生安卓版具体方法有所不同。
需要demo文末有地址
- 去官方注册申请appkey
- npm install @rongcloud/imlib-v4
- 引入 import * as RongIMLib from ‘@rongcloud/imlib-v4’
- 初始化
const im = RongIMLib.init({ appkey: '<Your-App-Key>'});你的AppKey
- 设置监听
im.watch({
// 监听会话列表变更事件
conversation (event) {
..............(不完整看官方)
- 连接
im.connect({ token: '<Your-Token>' }).then(user => {你的Token
console.log('链接成功, 链接用户 id 为: ', user.id);
}).catch(error => {
console.log('链接失败: ', error.code, error.msg);
});
- 发送消息
//获取指定会话的抽象实例,对于会话的操作基于此实例完成
const conversation = im.Conversation.get({
// targetId
targetId: '<TargetId>',
// 会话类型:RongIMLib.CONVERSATION_TYPE.PRIVATE | RongIMLib.CONVERSATION_TYPE.GROUP
type: '<Conversation-Type>'
});
.......(不完整看官方)
## 也可以使用服务端接口发送消息
request({
url: '/message/private/publish.json',
method: 'POST',
data: "content=%7B%22content%22%3A%22"+this.message+"%22%2C%22extra%22%3A%22helloExtra%22%7D&fromUserId=2192&toUserId=2191&objectName=RC:TxtMsg&pushContent=thisisapush&pushData=%7B%22pushData%22%3A%22hello%22%7D&count=4&verifyBlacklist=0&isPersisted=1&isIncludeSender=0&disablePush=false&expansion=false",
success: (res) => {
console.log(res.data);
}
})
- 如何获取token 重点
设置请求头
Signature是要sha1加密的
具体看demo
options.header = {
'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
'App-Key': app_key,
"Nonce": nonce,//随机数
"Timestamp": timestamp,//时间戳
"Signature": sha1(secret + nonce + timestamp)//数据签名。
};
9.完成
10.链接: https://pan.baidu.com/s/1FKNecifVZrfv8DvJuwqqWQ 提取码: s6fu 复制这段内容后打开百度网盘手机App,操作更方便哦