uniapp中调用webSocket

// webSocket.js
// 1.创建一个 WebSocket连接
export function connectSocket() {uni.connectSocket({// 后端提供的地址，http用ws，https用wssurl:'ws://www.example.com/socket'});
}
// 2.监听WebSocket接受到服务器的消息事件
// (1).如果要在index.vue里面获取收到的消息
export function onSocketMessage() {return new Promise((resolve,reject) => {uni.onSocketMessage(function(res) {console.log('收到服务器消息：' + res.data)resolve(res.data)});})
}// (2).如果要在这里直接全局弹窗弹出收到的消息
export function onSocketMessage() {// 监听WebSocket接受到服务器的消息事件uni.onSocketMessage(function(res) {uni.showModal({title: '提示',content: res.data,success: function(res) {if (res.confirm) {// console.log('用户点击确定');} else if (res.cancel) {// console.log('用户点击取消');}}});});
}

// 3.通过全局挂载的方法调用// main.js
// webSocket.js整体导入
import * as webSocket from './webSocket.js'
// 全局挂载
Vue.prototype.$webSocket = webSocket// index.vue
created() {this.$webSocket.connectSocket()this.$webSocket.onSocketMessage().then(res => {console.log('收到服务器消息',res);})
}

// 4.直接导入webSocket.js方法调用
// index.vue
import { connectSocket,onSocketMessage } from './webSocket.js'
export default {onShow() {connectSocket()onSocketMessage().then(res => {console.log('收到服务器消息',res);})}
}

uniapp中调用webSocket相关推荐

uniapp中调用震动、系统铃声以及自定义铃声
1.震动 uni.vibrate({success: function () {console.log('success');} }); 2.uniapp调用手机系统铃声 let main = plu ...
uniapp中调用QQ一键登录实现方法
要在uniapp中实现QQ一键登录,主要步骤: 1.manifest.json的模块设置中,启用QQ登录,并填入appid 3.新建登录页 <template><view>正在 ...
uniapp中调用相机相册/上传/扫码整理
调用相机相册 uni.chooseImage({count: 1,sizeType: ['original', 'compressed'],sourceType: ['camera','album'] ...
uniapp 中APP端调用uni.getLocation偶尔获取不到address解决方法
uniapp 中APP端调用uni.getLocation偶尔获取不到address解决方法 1.配置geocode为true uni.getLocation({type: 'wgs84',geoco ...
B/S(WEB)系统中使用websocket插件调用扫描仪实现连续扫描并上传图像(IE文件扫描并自动上传)
浏览器下使用websocket插件调用客户端扫描仪扫描文件并山传,可以将纸质档案(如合同.文件.资料等)扫描并将扫描图像保存到服务器,可以用于合同管理.档案管理等. 通过插件方式调用扫描仪扫描并获取图 ...
uni-app中使用native.js调用android API实现双卡发送短信
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.H5.以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台官网地址因 ...
uni-app如何打包apk到Android studio中调用
首先我们知道,Android和uni-app中写的代码是完全不一样的,他们的编译环境也是不一样的,呢么如何要在Androidstudio中调用uni-app中的代码呢?我们这边来准备几个步骤请看: 第 ...
uniapp APP 端 WebSocket 使用，实现一个简单 WebSocket 工具类
背景最近有需求要做一个简单业务的 APP 应用,简单考虑选用 uniapp + uview + vue2.x 方案,因为还有web端页面也需要用到 WebSocket ,简单封装了一个适应 web ...
使用Edge.js，在JavaScript中调用C# .Net
2019独角兽企业重金招聘Python工程师标准>>> Edge.js能够让开发者在JavaScript中调用C#的接口,提高应用的扩展能力.这里介绍如何调用C#接口获取图片数据,并 ...

uniapp中调用webSocket

uniapp中调用webSocket相关推荐

最新文章

热门文章