对于域名和服务器的选择上,要看微信小程序制作方是否硬性需要进行绑定开发,如果没有规定绑定开发的话可以自主选择域名和服务器,像这个在阿里云或iisp都是有相关服务的。

具体方法:先在utils文件夹粘贴一个io的js

然后 npm install wxapp-socket-io

config文件夹下新建一个socket.js,对socket连接进行封装,如下:

const io = require('../utils/io.js')

let url = 'wss://......'

let wsStatus = false

let onSocket = null

export const connect = function(cb){

if(!onSocket){

onSocket = io(url)

onSocket.on('connect', function (res) {

cb(true,onSocket)

wsStatus = true

})

setTimeout(function(){

if(!wsStatus){

cb(false,onSocket)

}

},10000)

}else{

cb(true,onSocket)

}

}在要引用的页面调用,全局封装订阅方法

let openSocket = require('../../config/socket')

let app = getApp()

let socket = null

Page({

data: {

zl: [[422, 400, 468, 834, 785, 446, 845, 517, 630, 797, 890, 529, 553, 425, 469, 470, 837, 841, 521, 525], [422, 400, 468, 834, 785, 446, 845, 517, 630, 797, 890, 529, 553, 425, 469, 470, 837, 841, 521, 525]]

},onLoad: function () {

let that = this;

//socket调用

openSocket.connect(function (status, ws) {

if (status) {

socket = ws            this.subscribe('zl')//对封装好对订阅方法进行调用

socket.on('broadcast', function (msg) {//广播

console.log("broadcast");

console.log(msg);

})

} else {

alert("socket 连接失败")

}

});

},subscribe: function (type) {

if (socket) {

let eis = this.data[type]

if (eis && eis.length > 0) {

let param = {//仅供参考,根据接口自行更改

eis: eis.join(',')

}

socket.emit('subscribe', JSON.stringify(param));

}

}

}});

注:创建一个 WebSocket 连接;一个微信小程序同时只能有一个 WebSocket 连接,如果当前已存在一个 WebSocket 连接,会自动关闭该连接,并重新创建一个 WebSocket 连接。

微信小程序如何从数组里取值_微信小程序 怎么数组里面值相关推荐

  1. 微信小程序如何从数组里取值_微信小程序数据存储与取值详解

    在小程序开发的过程,经常要需要这个页面输入的数据,在下一个页面中进行取值赋值. 比如: 在A页面input输入框,输入电话号码,点击添加.需要在B页面电话区域中,显示刚刚输入的电话号码. 因为这是两个 ...

  2. arr数组怎么取值_【JavaScript】Array数组常规使用小结(持续更新......)

    一.概述 JavaScript的 Array 对象是用于构造数组的全局对象,数组是类似于列表的高阶对象. 二.创建数组四种方式 2.1.字面-隐式创建数组 var movieList = [" ...

  3. 微信小程序如何从数组里取值_微信小程序获取各种数据值跟设置数据值

    微信小程序获取各种数据值跟设置数据值. 修改设置data数组中的某个值://小程序接收后台数据若为数组时,下标最好为默认索引数组,从0开始排序 var articleId ='1'//对应数组中的索引 ...

  4. arr数组怎么取值_记一次思否问答的问题思考:Vue为什么不能检测数组变动

    作者 | hfhan 来源 | https://segmentfault.com/a/1190000015783546 问题描述:Vue检测数据的变动是通过Object.defineProperty实 ...

  5. java 数组的索引值_按索引访问Java数组位置的值

    我是 Java的新手,我只是在努力使用数组.我有一段代码,我在编写教程时已经编写过,但我很难理解它,如果有人能向我解释,我会很高兴. 我尝试过各种不同的方法(向我的鸭子解释,写下来等等)并且仍然无法理 ...

  6. 微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-翟东平-专题视频课程...

    微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-2445人已学习 课程介绍         微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识. 微信小 ...

  7. 视频教程-微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-微信开发

    微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统 微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试 ...

  8. 视频教程-微信小程序系统教程python版[3/3阶段]_微信小程序支付-手游开发

    微信小程序系统教程python版[3/3阶段]_微信小程序支付 微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试 ...

  9. vue 取数组第一个值_vue遍历对象中的数组取值示例

    前几天小项目,没考虑周全,让后端改接口,改成数组中包含对象中包含数组的形式,后来越琢磨越不对,后台把所有数据放在了一个对象里,我拿弹窗数据不好拿,索性又改了回来,把后端折腾够呛,自己也折腾够呛,发上来 ...

  10. php取随机数组的一个_php 数组随机取值的简单实例

    array_rand() 在你想从数组中取出一个或多个随机的单元时相当有用.它接受 input 作为输入数组和一个可选的参数 num_req,指明了你想取出多少个单元 - 如果没有指定,默认为 1. ...

最新文章

  1. Swift SB 容器 Container View使用
  2. 初识java-循环结构(二):6
  3. 嵌入式linux 配置usb otg,嵌入式linux系统环境下USB设备的驱动实现
  4. 【英语学习】【医学】Unit 01 The Skeletal System
  5. mac在当前文件夹打开终端,献给不喜欢终端打字的小伙伴
  6. 、简述global关键字的作用_二十三、Python变量作用域(局部变量和全局变量)
  7. [渝粤教育] 西南科技大学 企业生产运作管理 在线考试复习资料2021版
  8. 领域驱动设计(1) DDD的一些基础概念
  9. phpcms v9摆脱手机门户,轻松搭建wap手机站
  10. html显示十进制特殊字符,一些有可能用到的HTML特殊字符十进制代码
  11. python异步处理请求_python:tornado+wsgi异步处理请求
  12. centos安装MySQL到指定盘_Centos下安装mysql 和挂载硬盘
  13. 飞行棋技巧:你以为想赢只需要运气吗?
  14. 基于大数据的动漫影视可视化分析系统
  15. 数据结构3-栈的知识点整理
  16. 使用腾讯云服务器发布网站
  17. HDU-1493 QQpet exploratory park(概率+二维dp)
  18. 通往高级 Java 开发的必经之路
  19. 如何使用WIN10自带工具清理磁盘,福利到,使用WIND10自带工具怎么清理磁盘
  20. rds mysql 恢复到本地_阿里云RDS数据库备份文件恢复到本地mysql数据库

热门文章

  1. AutoJsPro,阿伟的假期(看广告游戏)脚本实例
  2. 任天堂网站“要求的内容有误”解决方法
  3. 【技术】怎么将PPT中的白底图片,白色部分变透明?
  4. Tableau实战 Tableau官网各版块访问情况(三)页面停留访问人数交叉分析
  5. 比较lowB的Excel初始使用,
  6. 百融云创:互联网驶入深水区,金融科技保驾护航 | 会员专栏
  7. vscode误更新后,无法连接服务器,报“Acquiring lock on/home/~”和“过程试图写入的管道不存在”错误
  8. 同一包(package)下,两个不同类的调用操作详解
  9. 实验七 Matlab GUI设计
  10. 基于Java的qq截图工具(毕业设计含源码)