微信小程序的 websocket 以及 微信开发者工具测试 ws 协议没有数据的 离奇解决方案 记录

news2024/11/25 10:39:41

微信小程序的 websocket

  • 在本地web能够使用ws协议去链接websocket,但是小程序不能使用。
  • 一、WSS 协议与 WS 协议
  • 二、业务场景记录 : 使用 ws 协议的 websocekt 做测试,但是在 h5中可以拿到实时数据,在微信开发者工具中以及真机调试中拿不到模拟数据的问题
    • 1. 首先在 h5 测试当中是拿到了 ws 协议的 websocket 的连接数据的


在本地web能够使用ws协议去链接websocket,但是小程序不能使用。

因此找了一下关于websocket 的协议问题
因为需要开发的小程序需要通过 websocket 连接来实时显示仪表的数据,因此在开发前期,使用模拟器来模拟了一个 ws 协议的 websocket 接口,但是在 web 也就是 h5 当中测试是可以的,可以通过 ws 协议的端口获取到模拟器的数据并在小程序页面中渲染,但是在微信开发者工具中测试的时候发现拿不到模拟器返回的数据
但是当前能用的接口只有一个,并且还是 ws 协议的


一、WSS 协议与 WS 协议

WebSocket是一种在单个TCP 连接上进行全双工通讯的协议。 在WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以建立持久性的连接,并进行双向数据传输。

HTML5支持WebSocket,使用方法和小程序的WebSocket基本是一样的。WebSocket API由若干个方法和若干个事件组成。

由于小程序使用的是SSL加密协议,所以需要使用wss。这里wss与ws的关系就相当于https于http的关系。
在小程序中,必须使用wss,而在HTML5中并没这个要求,使用wss和ws都可以,而且域名也不需要备案。

我自己的理解就是 : ws + SSL = wss 因此需要申请 SSL
或者: 微信小程序可以通过通过 nginx 代理的方式将 ws 转为 wss
在这里插入图片描述

二、业务场景记录 : 使用 ws 协议的 websocekt 做测试,但是在 h5中可以拿到实时数据,在微信开发者工具中以及真机调试中拿不到模拟数据的问题

1. 首先在 h5 测试当中是拿到了 ws 协议的 websocket 的连接数据的

但是微信小程序开发者工具中运行的时候由于需要使用 wss 协议的 websocket 拿不到数据
碰巧找到了一个很邪门的方案,可以在安卓端真机调试的情况下下在手机上拿到了 ws 协议的 websocket 数据(微信开发者工具还是拿不到的)

注意,这里只能用来测试,毕竟只有真机调试是可以的,正式发布还是用 wss 协议的 websocket 吧

之前有一个类似的项目测试的时候使用的也是 ws 协议的 websocket ,但是在 H5端,在微信开发者工具,在真机调试,PC 端都是可以拿到实时数据的
这个项目在微信开发者工具中就拿不到数据了,在对比了请求之后发现了一个事情
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

所以在看状态码这里 101 后面有没有 switching protocols ,后来在真机调试的时候看到现在项目在真机调试的时候 ws 请求也是有 101 switching protocols 的
尝试在真机调试的状态下取消了勾选不校验合法域名 (取消勾选),手机真机调试就拿到数据了

在这里插入图片描述

OS : 我也不知道为什么这样子可以,还是 ws 协议的 websocket ,有点邪门,这个尝试方案的起因是看到下面一篇文章,说是让关闭安全校验,当时看错了,以为是让取消勾选,取消勾选后真的拿到了, 但是后来才发现这篇文章是让把不安全校验勾选上,属实是乌龙事件了

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/48604.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

2022安洵杯babybf

babybf 赛后分析了下,发现是一道很有意思的题目 Brainfuck是一种极小化的计算机语言,它是由Urban Mller在1993年创建的。由于fuck在英语中是脏话,这种语言有时被称为brainf*ck或brainf**k,甚至被简称为BF。 其实本题是一个c语言实…

三、【redux】异步action

文章目录1、不成熟的异步修改1.1、CODE1.1.1、count_action.js1.1.1、count_reducer.js1.2、异常2、异步action代码修正2.1、store.js2.2、count_action.js3、小总结action分两类: 同步:指action的值是Object类型的一般对象异步:指action的值…

在C#中使用Halcon开发视觉检测程序

本文的初衷是希望帮助那些有其它平台视觉算法开发经验的人能快速转入Halcon平台下,通过文中的示例开发者能快速了解一个Halcon项目开发的基本步骤,让开发者能把精力完全集中到算法的开发上面。 首先,你需要安装Halcon,HALCON 18.…

D. X-Magic Pair(辗转相除)

Problem - 1612D - Codeforces 给你一对整数(a,b)和一个整数x。 你可以用两种不同的方式改变这对整数。 设置(分配)a:|a-b|。 设置(分配)b:|a-b|。 其中|a-b|是a和b之间的绝对差值。 如果只用给定的操作就…

【Linux】shell命令行简单解释器

回顾一下,我们前面学习了进程创建,进程终止,进程等待,进程替换,通过这些内容我们可以来进行实现简单的shell命令行解释器!!!下面我们直接来看一看如何去实现shell命令行解释器&#…

结合编辑器和PDFXplorer工具查看PDF文件结构

首先用编辑器打开PDF,可以看到如下结构 1.寻找文件结构入口 /Root k-value形式,/Root 98 0 R/ k是Root value是98 0 R 98 0 R 代表被引用,指向的对象是98 0 obj 用PDFExploer工具打开看,如下: 可以看出用工具打开的树形结构跟上…

[附源码]计算机毕业设计springboot快转二手品牌包在线交易系统

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

YonBuilder开发之后端函数

在前几期的文章中我们已经介绍过如何在YonBuilder中使用前端函数实现数据过滤功能。相对应于前端函数,在YonBuilder中还可以使用后端函数实现对于程序的扩展。通过前端函数实现的更多的是与页面交互相关的功能,而后端函数主要是用于预制按钮功能的扩展开…

Mybatis的介绍及使用

目录 Mybatis 搭建MyBatis开发环境 1、创建Maven工程,导入MyBatis依赖的组件 2、编写MyBatis核心配置文件(mybatis-config.xml) 3、创建实体类-POJO 4、创建SQL映射文件(mapper.xml) 5、创建测试类 Mybatis MyBatis是一款优秀的持久层框架,用于简…

时光邮局|来写一封未来的信试试吧!一个我的新项目,Java+Vue

什么是时光邮局? 漫漫星河璀璨,漫漫古道长河。 官网:云寄-时光邮局 寻找一份特殊的意义,学会热爱生活,学会面朝大海。 有一天我收到了两年前的自己来信。 如果可以给末来寄信你会写些什么呢? 如果能收到两…

分析网上的一篇“浪漫烟花“程序<VS-C++>

结果:多个烟花弹同时上升,然后进行爆炸,并进行了花样设计,采取心型设计方案,背景音乐设置为"小幸运",除此在最初,窗口设置有文本. 接下来,就让我们来分析代码: // 烟花结构 struct FIRE {int r; // 当前爆炸半径int max_r; // 爆炸中心距离边缘最大半径int …

简述RabbitMQ的架构设计

Broker: rabbitmq的服务节点Queue: 队列,是RabbitMQ的内部对象,⽤于存储消息。RabbitMQ中消息只能存储在队列中。⽣产者投递消息到队列,消费者从队列中获取消息并消费。多个消费者可以订阅同⼀个队列,这时队…

Windows系统--AD域控--DHCP服务器

Windows系统--AD域控--DHCP服务器 虚拟机网络准备 1.将VMware网络编辑器的NAT模式--取消勾选 使用本地DHCP服务器; 从机(win10)将内置网卡的IPv4网络改为 自动获取IP地址、自动获取DNS AD服务器 部署 DHCP服务器

springboot+java+vue.js教室自习室座位预订系统

目 录 摘 要 I Abstract II 第1章 前 言 2 1.1 研究背景 3 1.2 研究现状 3 1.3 系统开发目标 3 第2章 系统开发环境 5 2.1 java技术 5 2.2 Mysql数据库 6 2.3 B/S结构 7 2.4 springboot框架 7 2.5 ECLIPSE 开发环境 7 第3章 需…

MyBatis ---- MyBatis获取参数值的两种方式(重点)

MyBatis ---- MyBatis获取参数值的两种方式(重点)1. 单个字面量类型的参数2. 多个字面量类型的参数3. map集合类型的参数4. 实体类类型的参数5. 使用Param标识参数MyBatis 获取参数值的两种方式:${} 和 #{} ${}:本质就是字符串拼…

swift 闭包closure 省略

闭包 表达式 reversedNames names.sorted(by: { (s1: String, s2: String) -> Bool inreturn s1 > s2 }) 可省略的地方 省略返回类型 没有参数可以省略 in 这一样 省略参数类型 省略圆括号,这个是如果就一个参数,并且我们编译器可以推断出其类型…

Python基础(一)基本类型

一、Number数字 1.1 注意事项 Python支持int、float、bool和complex类型。 complex是复数类型abj(或complex(a,b)),a表示实部,b表示虚部,a b本身是float类型。 Python使用变量时,无需声明变量。 a3 # 自动声明为i…

微信小程序|基于小程序+C#制作一个电子书阅读器

文章目录一、文章前言二、开发流程2.1、开发工具2.2、页面实现2.3、数据库设计2.4、API实现一、文章前言 书籍是人类进步的阶梯,各位小伙伴在使用市面上各类阅读器进行阅读的时候是否有被层出不穷的广告或者及其不友好的用户体验所困扰呢,为何不制作一个…

矢量网络分析仪是什么?矢量网络分析仪的组成

一、矢量网络分析仪是什么 矢量网络分析仪是一款高性能、大动态范围、低噪声的矢量网络分析仪。频率范围涵盖整个移动通信频段,全双端口S参数测量,测量精度高,测试稳定性好,测量速度快。 用途:可广泛应用于移动通信、军…

realme手机适合什么蓝牙耳机?适合realme手机的蓝牙耳机推荐

自从众多手机厂商取消3.5mm耳机接口之后,蓝牙耳机作为人们通勤、旅行时经常携带的设备,realme手机近几年也受到很多人的喜爱,那么在品牌众多的蓝牙耳机中如何挑选出最适合自己的呢?今天小编就来为大家分享几款适合realme手机的蓝牙…