最近在做 IOT 的项目uni-app封装,里面有个小程序要用到 webSocket uni-app封装,借这个机会,封装了一个 uniapp小程序 适用的 Socket 类,包括断线重连,心跳检测等等,具体实现如下直接实例化封装的 socket 类,调用 initSocket 初始化就行了,当收到消息的时候,会触发全局 $emit 事件,只需要使用 $on 监听 message。
在uniapp中进行全局挂载,可以在mainjs文件中添加相应代码,以实现跨页面共享功能页面使用时,只需引入封装好的请求函数,调用即可发起网络请求针对。
在common目录下新建一个websocketjs文件,其完整代码如下该文件中封装了WebSocket相关的方法与逻辑,便于在不同页面中重用与管理通过此文件,开发者可以轻松地实现WebSocket的创建消息发送与接收等功能关于调用方式,分为两种1 全局调用将websocketjs挂载至全局环境在页面中通过引入此文件。
在common目录下新建一个publicjs文件,用于封装uniapp获取定位授权并调用接口的逻辑,简化页面的代码编写以下是publicjs文件的完整代码javascript export function requestWithLocationoptions 获取用户位置授权状态 unigetSetting success res = if resauthSetting#39scope。
1,新建apijs const BASE_URL = #39。
发表评论