uni-app引入极光im

mac2026-09-22  10

uni-app引入极光im

最近在使用uni框架开发app,app需要有聊天的功能,由于之前项目是使用极光im的,但是之前的引入方法不太正确,导致im初始化慢或总是断掉的问题。于是我就乖乖按照极光文档中引入小程序的方法重写了代码。

注意点:极光官网上目前的小程序sdk版本是1.4.2的,但是我用最新版本总是连接不上,所以该教程引用的是1.4.0

在项目某个目录下创建js文件,命名为chat.js,然后引入极光im sdk: // chat.js import JMessage from '@/common/jmessage-wxapplet-sdk-1.4.0.min.js' 在chat.js中创建一个Chat类,用于编写im业务逻辑,并挂载到vue实例上 // chat.js export default class Chat{ constructor() { this.jim = null } }

在main.js中挂载:

// main.js import Chat from './common/chat.js' Vue.prototype.$chat = new Chat() 写一个getJIM方法用于创建JMessage实例,要保证全局只有一个实例 // chat.js getJim() { // 保证只有一个实例,不然总会出现断开的情况 if (!this.jim) { this.jim = new JMessage({ debug: false //是否开启调试模式 }) } } 在需要登录的地方使用,如(App.vue文件)中使用 // App.vue onShow: function () { console.log('App Show') //login是JMessage的方法,自己根据文档使用 this.$chat.getJim().login() }, app进入后台,需要退出imonHide: function() { console.log('App Hide') // 这里有一个坑,安卓不会关闭socket,导致进入app初始化失败(解决方案下一篇) this.$chat.getJim().loginOut() }

该文章只是根据极光官网简单的写导入的方法,保证im在连接过程中比较稳定的使用

demo下载地址: github

最新回复(0)