千家信息网

微信小程序集成SDK的方法是什么

发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,这篇文章主要介绍"微信小程序集成SDK的方法是什么"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"微信小程序集成SDK的方法是什么"文章能帮助大家解决问题。准备
千家信息网最后更新 2026年11月03日微信小程序集成SDK的方法是什么

这篇文章主要介绍"微信小程序集成SDK的方法是什么"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"微信小程序集成SDK的方法是什么"文章能帮助大家解决问题。

准备工作

1.官网注册(https://www.rongcloud.cn/)

  • 进入开发者后台 - 创建应用 - 获取 appkey (很重要!很重要!很重要!)

  • 获取用户 token ,一开始我很费解为什么要获取 token ?token 是什么?怎么获取 token?(暴击三连问 o(╥﹏╥)o)简单来说就是用户的身份标识。 这里就不一一解答了,直接看 官网地址 - token 就行了,里面说的很清楚。

  • 对于在前端开发阶段,还没有和后端对接时,推荐使用融云开发者后台中的 API 调用(在调试方面,真的太好用了)传入正确的参数即可

  1. 下载 SDK

注意:小程序 SDK 需要开通小程序服务后,在开发者后台中获取

但是在文档中又看到说 3.x 小程序与 Web SDK 相同,那用 Web 端的 SDK 也是可以的咯,为什么还要开通服务才能获取呢,算了!能用就行

开始集成

1、首先要需在微信公众平台配置以下合法域名(配置详情请点击这里),微信小程序如何配置合法域名应该不需要说了吧

2、SDK 初始化

  • 开发者在使用融云 SDK 所有功能之前,开发者必须先调用此方法初始化 SDK。 在应用整个生命周期中,开发者只需要将 SDK 初始化一次

var im = RongIMLib.init({  appkey: ' '  // 这里就是咋们在开发者后台获得到的 appkey});

3、设置监听

  • 监听消息、状态、会话列表的变化

  • 注意:当设置多个 im.watch 的时候, 当收到一条消息后, 每个 watch 都会监听到此消息,所以会出现发一条消息,但是会重复收到这条消息

  • 解决:在全局设置监听一次即可,不要放在组件生命周期中,防止每次组件重载都设置一次

var conversationList = []; // 当前已存在的会话列表im.watch({  conversation: function(event){    var updatedConversationList = event.updatedConversationList; // 更新的会话列表    console.log('更新会话汇总:', updatedConversationList);    console.log('最新会话列表:', im.Conversation.merge({        conversationList,        updatedConversationList      }));  },  message: function(event){    var message = event.message;    console.log('收到新消息:', message);  },  status: function(event){    var status = event.status;    console.log('连接状态码:', status);  }});

4、连接融云

  • 连接方法在应用的整个生命周期,也只需要调用一次即可,重复连接会报错

  • 敲重点!敲重点!敲重点!除初始化、监听以外,所有方法都必须在 connect 成功之后 再调用

var user = {  token: '' // 可以在开发者后台中调用 获取 token 来获得};// im 来自 RongIMLib.init 返回的实例,例如:var im = RongIMLib.init({ appkey: ' ' });im.connect(user).then(function(user) {  console.log('链接成功, 链接用户 id 为: ', user.id);}).catch(function(error) {  console.log('链接失败: ', error.code, error.msg);});

连接成功之后就可以发送消息,获取会话列表和历史消息方法等等

需要注意的是:获取会话列表和历史消息需要开通 IM 商用版 - 单群聊云存储 功能。

直接贴代码了:

//获取会话列表im.Conversation.getList().then(function(conversationList) {  console.log('获取会话列表成功', conversationList);});
//发送消息:单聊文本消息var conversation = im.Conversation.get({  targetId: 'user1',  type: RongIMLib.CONVERSATION_TYPE.PRIVATE});conversation.send({  messageType: RongIMLib.MESSAGE_TYPE.TEXT, // 'RC:TxtMsg'  content: {    content: 'Hello RongCloud' // 文本内容  }}).then(function(message){  console.log('发送文字消息成功', message);});
//获取历史消息var conversation = im.Conversation.get({  targetId: 'user1',  type: RongIMLib.CONVERSATION_TYPE.PRIVATE});var option = {  timestrap: +new Date(),  count: 20};conversation.getMessages(option).then(function(result){  var list = result.list; // 历史消息列表  var hasMore = result.hasMore; // 是否还有历史消息可以获取  console.log('获取历史消息成功', list, hasMore);});

最后退出,断开连接

im.disconnect().then(function() {  console.log('断开链接成功');});

关于"微信小程序集成SDK的方法是什么"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。

消息 开发 开发者 方法 程序 成功 历史 后台 链接 监听 重要 周期 生命 用户 知识 重点 应用 更新 配置 合法 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 百单网互联网科技有限公司 哈尔滨大商圈互联网科技有限公司 互联网最新的科技 互联网核心科技是什么 互联网 科技公司 世界互联网领先科技成果 北京禾田雨橡互联网科技 四个字互联网科技公司取名 互联网科技股午盘股票涨跌 互联网企业和科技型企业 宁夏众和广鑫互联网科技有限公司 互联网科技项目计划书材料类 互联网对科技的发展 武汉健翔互联网络科技有限公司 济南有互联网科技公司吗 互联网相关科技技术 广西科技产业互联网是什么 北京天晋互联网科技有限公司 北京品多多互联网科技有限公司 重庆科技产业互联网有哪些 互联网科技园 科技金融是不是互联网金融 科技服务与互联网 镁科技互联网资讯平台 互联网新科技动漫ppt素材 华夏恒生科技与互联网科技 世界互联网领先科技成果获奖 互联网方面的科技前沿 沐思想互联网科技有限公司 江苏苏星互联网科技有限公司
0