当前位置: 首页 > Web前端 > HTML5

腾讯云微信小程序即时通讯IMdemo

时间:2023-04-05 20:33:53 HTML5

产品介绍即时通讯(IM)基于QQ底层IM能力开发,只需植入SDK即可轻松集成聊天、对话、群组、数据管理能力,帮助您可以收发文字、图片、短语音、短视频等富媒体信息,充分满足您的通讯需求。应用场景客服咨询即时通讯IM可以满足商户和用户多场景沟通的需求,为客户提供专属客服,提升服务效率。通过与智能机器人相结合,有效降低人工成本,积累客户价值。直播弹幕即时通讯IM可支持弹幕、送礼、点赞等多种消息类型,轻松打造良好的直播互动体验;提供弹幕内容审核功能,确保您的直播不受不雅信息干扰。网红带货将IM与商业直播相结合,通过提供点赞、询价、购物券等特定消息类型,帮助直播客户实现流量变现。教学白板即时通讯IM可提供在线课堂、短信、笔迹等能力,轻松实现师生交流、笔迹存储、大班小班教学等教学场景。社交通讯即时通讯IM可实现单聊、群聊、弹幕等多种聊天方式,支持文字、图片、语音、短视频等多种消息类型,有效提升用户粘性和活跃度。企业办公即时通讯IM为企业客户提供涵盖桌面端和移动端的完整解决方案,满足设备无缝切换需求,提高企业内外沟通效率。智能设备即时通讯IM提供人与物、物与物的协同通信,共同引领5G通信时代的潮流。快速体验,运行IMSDK小程序demo本IM小程序demo基于MpVue框架开发。OneMinute中的demo部分只是用来引导大家打开编译后的文件进行快速预览。如果要进行二次开发,请参见开发运行部分。一分钟跑完demo,clone仓库到本地#命令行执行gitclonehttps://github.com/tencentyun/TIMSDK.git#进入小程序Demo工程cdTIMSDK/WXMini安装微信小程序开发者工具。使用微信开发者工具导入项目,注意目录为/dist/wx,然后填写自己的小程序AppID。配置SDKAPPID和SECRETKEY。获取方式:参考:密钥获取方式打开/debug/GeneratorUserSig.js文件,如图填写相应配置,保存文件为本地配置,如下图。基础库版本>2.1.1点击编译运行Notes合法域名如果要发布小程序,请在【微信公众平台】>【开发】>【开发设置】>【服务器域名】配置如下域名进入微信公众平台,在小程序开发的服务器域名中配置相关域名信息并添加到请求中合法域名:域名说明是否必须为https://webim.tim.qq.comWebIM业务域名必须为https://yun.tim.qq.comWebIM业务域名必须为https://pingtas.qq.comWebIM统计域名必须添加到uploadFile合法域名:需要域名描述https://cos.ap-shanghai.myqcloud.com文件上传域名必须加在downloadFile合法域名:是否需要域名说明https://cos.ap-shanghai.myqcloud.com文件下载域名必须开发运行项目目录├────sdk/-存放tim-wx.js,不用于demo,仅供自集成├────build/├────config/├────dist/│└────wx/-MpVue工程编译文件目录,使用小程序开发工具导入此文件夹├────src/│├────components/-component│├────pages/-page│├────store/-Vuex目录│├────stylus/-全局主题颜色样式,可以修改全局颜色│├───utils/-方法│├────app.json│├────App.vue│└────main.js├────static/-静态依赖资源│├────debug/-包含userSig验证登录方法│├────images/-图片│└────iview/-使用的iview组件├────_doc/├────.babelrc├────.editorconfig├────.eslintignore├────.eslintrc.js├───.postcssrc.js├────index.html├────package-lock.json├────package.json├────project.config.json└────README.md准备获取你的应用SDKAPPID和SECRETKEY,方法参考:密钥获取方法安装微信小程序开发者工具安装nodejs环境(版本>8),安装后选择适合自己安装环境的安装包,在命令行输入node--version,如果>8即可启动进程并将仓库克隆到本地#在命令行执行gitclonehttps://github.com/tencentyun/TIMSDK.git#进入Demo工程cdTIMSDK/WXMini并在project.config中修改appid。json文件到自己的微信小程序的appid中配置SDKAPPID和SECRETKEY。获取方式:参考:密钥获取方式打开/static/debug/GeneratorUserSig.js文件,如图填写相应配置,保存文件,安装依赖,启动#安装需要的依赖构建并运行演示npminstall#构建并生成可在小程序开发工具中使用的最终代码。npmrunstart使用npminstall命令。如果有些依赖包安装不成功,可以尝试切换源,例如:npmconfigsetregistryhttp://r.cnpmjs.org/然后执行npminstall,使用微信开发者工具导入项目。目录是/dist/wx。本地配置如下图所示。选中ES6到ES5选项。![](https://user-gold-cdn.xitu.io/2019/9/16/16d37e19553aa202?w=410&h=517&f=png&s=24754)点击编译开发工具项目预览备注合法域名如要发布小程序,请在【微信公众平台】>【开发】>【开发设置】>【服务器域名】中配置以下域名进入微信公众号平台,在小程序请求中添加了程序开发的服务器域名配置和相关域名信息。合法域名:域名说明:https://webim.tim.qq.comWebIM业务域名必须为https://yun.tim.qq.comWebIM业务域名必须为https://pingtas。qq.comWebIM统计域名必须添加到uploadFile合法域名:域名描述必须是https://cos.ap-shanghai.myqcloud.com文件上传域名必须添加到downloadFile合法域名:域名description必须是https://cos.ap-shanghai.myqcloud.com文件下载域名必填项screenshotnotes页面结构directory/src/pages页面介绍login/登录页面index/首页,聊天列表聊天/聊天对话框页面&群信息/用户信息联系人/通讯录所属/个人信息创建/创建群聊成员/群成员资料/修改个人信息群组信息friend/initiatesessionmention/@choicepage注意事项1.避免在前端进行签名计算。为了方便用户体验,本Demo将userSig签发给前端执行。如果直接部署上线,将面临SECRETKEY泄露的风险。正确的userSig签发方式是将userSig计算代码集成到你的服务器中,并提供相应的接口。当需要userSig时,发起请求获取动态userSig。有关详细信息,请参阅在服务器端生成UserSig。2、如果无法访问github或者访问速度太慢,下载zip包解压后进入TIMSDK/WXMini目录查看demo代码。