微信小程序上线后websocket连接失败

最新推荐文章于 2024-07-12 20:25:00 发布
最新推荐文章于 2024-07-12 20:25:00 发布
阅读量568 收藏 1
点赞数
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27806371/article/details/131809317
版权

小程序的项目用到录音功能 本地测试都ok上线后 点击录音就提示 websocket连接失败

原因在于 域名未被添加到小程序后台，无法发起请求，请添加至mp.weixin.qq.com域名白名单

这是个人遇到的问题记录一下

木毅01
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
记录下微信小程使用websokce线上环境连接不上的问题
高桥留de博客
04-12 4601
项目场景： 提示：这里简述项目相关背景： 记录下微信小程序webscoket的Bug 问题描述 提示：这里描述项目中遇到的问题： 业务开发完成，因业务涉计到websocket的连接和使用，所以在开发过程中本地测试的时候微信开发者工具开启了不校验请求地址，测试一直没问题！部署到正式服上的时候和打包测试版本的时候socket一直连接不上！ 原因分析： 提示：这里填写问题的分析： 解决方法一：如果在打包测试版本的时候，使用了websocket需要在微信公众开发平台里面开始测试版本的debug模式才能正常连
微信小程序中的socket连接
汇而不置的博客
04-12 8373
微信小程序中的socket连接 https://developers.weixin.qq.com/miniprogram/dev/api/network/websocket/wx.sendSocketMessage.html 创建socket服务器 安装相关依赖 npm init cnpm i ws -S 服务器代码 //创建socket服务器 let Ws=require("ws...
uniapp,微信小程序中使用 MQTT的问题
10-15
主要介绍了uniapp,微信小程序中使用 MQTT的问题，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
微信小程序websocket报错 ‘Sec-WebSocket-Protocol‘ header but no response was received
lq545209147的博客
07-21 3492
近期在做一款点餐软件时 遇到socket报错 报错代码 VM8 asdebug.js:1 WebSocket connection to 'ws://192.168.22.88:34625/ws/desk/order/1/oOuTk5EuSPDlyKNv-AmM4zpquE7Y' failed: Error during WebSocket handshake: Sent non-empty 'Sec-WebSocket-Protocol' header but no response was re
uniapp vue3 微信小程序 项目中使用 websocet、微信小程序真机调试 websocket 报错 errMsg: “Invalid HTTP status.“
dccose的博客
06-12 2137
uniapp vue3 微信小程序 项目中使用 websocet、微信小程序真机调试 websocket 报错 errMsg: "Invalid HTTP status."
微信小程序真机调试无法连接websocket解决方案
qq_22746757的博客
06-17 5771
小程序真机调试无法连接websocket配置Nginx小程序连接 配置Nginx 配置如下： upstream websocket{ server 域名:8880; } server { server_name 域名; ##需要代理的域名 listen 443 ssl; ssl_certificate ***.pem; ## SSL pem; ssl_certificate_key ***.pem; ## SSL pem; #
小程序websocket java_java与微信小程序实现websocket长连接
weixin_42664597的博客
02-13 631
本文实例为大家分享了java与微信小程序实现websocket长连接的具体代码，供大家参考，具体内容如下背景：需要在小程序实现地图固定坐标下实时查看消息java环境 :tomcat7 jdk1.71.javawebsocket 类package com.qs.util;import java.io.BufferedReader;import java.io.IOException;import j...
springboot+websocket 微信小程序后端.zip
03-10
微信小程序是腾讯公司基于微信平台推出的一种轻量级应用形态，它无需用户下载安装即可在微信内直接使用。自2017年正式上线以来，小程序凭借其便捷性、易获取性和出色的用户体验迅速获得市场认可，并成为连接线上线下...
微信小程序-旅行日记源码
06-12
然后提交代码至微信小程序后台，进行版本管理和审核，审核通过后即可发布上线。 总的来说，"微信小程序-旅行日记源码"涵盖了小程序开发的基本流程和技术要点，包括界面设计、数据处理、用户交互、网络通信等多个...
微信小程序聊天界面demo
07-27
7. **API交互**：如果聊天应用需要实现实时通信，可能需要借助WebSocket或微信小程序的`wx.connectSocket`接口建立长连接，接收和发送服务器端的消息。同时，可能还需要调用微信小程序的上传、下载文件API来处理图片...
狼人杀休闲游戏微信小程序模板源码
05-27
9. **版本控制与部署**：源码可能采用Git等版本控制系统进行版本管理和协作，上线时需遵循微信小程序的发布流程，进行代码审核和版本更新。 总的来说，这款狼人杀休闲游戏微信小程序模板源码是一份集成了游戏逻辑、...
微信小程序项目之学生宿舍管理系统(源码+说明).zip
05-20
4. 部署上线：学习微信小程序的发布流程，将项目部署到线上环境。 总结，"学生宿舍管理系统"微信小程序项目是学习微信小程序开发的优秀案例，涵盖了小程序开发的多个核心知识点，同时也锻炼了开发者实际解决问题的...
解决小程序连接websocket问题
记录一些工作日常和学习
08-12 2529
因为小程序连接websocket时只能走wss所以需要配置Nginx 需要 ssl证书，服务器需要开放443端口 upstream websocket { server 192.168.12.12:8119;#自己服务器的ip } server { server_name www.a.com;#自己服务器的域名 listen 443 ssl; ssl_certificate 自己服务器证书的 pem; ssl_cer
微信小程序 WebSocket 链接（ThinkPHP）
yshir
02-09 1119
gateClient是用来辅助 workerman或者是gateway进行用户分组以及向用户发送信息的组件，同时，能够快速便捷的将原有系统的uid和clientid绑定起来。gateway-worker(后面直接称gateway)是基于 workerman 开发的TCP长连接框架，用于快速开发TCP长连接应用。支持高并发，超高稳定性，被广泛的用于手机app、移动通讯等领域的开发。在线聊天一般都是实用长连接保持通信，使用 workerman 虽然能够做到同样的效果，但是gateway更加的方便快捷。
WebSocket connection to failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
CSDN________的博客
07-19 3589
socket.php:53 WebSocket connection to 'ws:///' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
使用mqtt+uniapp 微信小程序真机调试出现closeSocket:fail taskID not exist这个问题
weixin_45792955的博客
04-20 896
最后排查到是我们后台nginx配置的问题，wss的默认端口是443，跟https相同，我这边同事一开始配置的8084，导致真机一直连不上。2: mqtt版本，我这边使用mqtt4.1.0版本，没有问题。1: 证书问题，域名过期或ssl协议版本是否过期。第一次使用mqtt也没经验，就开始逐步排查问题。3: nginx代理问题。
微信小程序使用WebSocket的坑
热门推荐
cai454692590的博客
07-04 2万+
微信小程序使用WebSocket的坑 http 与 https 协议 使用http协议，websocket的url，应该是ws开头，如：ws://abc.cn/websocket/infos 使用https协议，websocket的url，应该是wss开头，如： wss://abc.cn/websocket/infos nginx使用https反向代理tomcat nginx的443端口反...
【微信小程序知识点】转发功能的实现
最新发布
weixin_51781852的博客
07-12 117
2.通过给button组件设置属性open-type="share",可以在用户点击按钮后触发Page.onShareAppMessage事件监听函数。1.页面js文件必须声明onShareAppMessage事件监听函数，并自定义转发内容。只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮。转发功能，主要帮助用户更流畅地与好友分享内容与服务。
如何在uniapp微信小程序中连接websocket
04-29
在uniapp微信小程序中连接websocket，你需要使用uni-app提供的uni-ws组件。具体操作步骤如下： 1. 在你的uni-app项目中，创建一个新的页面，并在该页面中引入uni-ws组件 2. 在页面的data中定义websocket连接对象，并设置websocket服务器的地址 3. 在页面的onLoad生命周期函数中，使用uni.connectSocket()方法连接websocket服务器，并将连接对象赋值给data中的websocket对象 4. 监听websocket连接事件，并在连接成功后发送消息给服务器 5. 监听websocket消息事件，并在接收到消息后更新页面数据或执行相应操作 以下是一个简单的示例代码： ``` <template> <view> <text>{{message}}</text> </view> </template> <script> export default { data() { return { websocket: null, message: "" } }, onLoad() { this.connectWebSocket(); }, methods: { connectWebSocket() { const url = "ws://localhost:8080"; // websocket服务器地址 this.websocket = uni.connectSocket({ url, success: () => { console.log("websocket连接成功"); } }); this.websocket.onOpen(() => { console.log("websocket连接已打开"); const msg = "Hello, WebSocket!"; this.websocket.send({ data: msg }); }); this.websocket.onMessage((res) => { console.log("websocket收到消息：", res); this.message = res.data; }); this.websocket.onError((err) => { console.error("websocket连接出现错误：", err); }); this.websocket.onClose(() => { console.log("websocket连接已关闭"); }); } } } </script> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值