搭建微信小程序wss环境-Apache篇

ThinkPHP5在Wamp下配置微信小程序WSS

最新推荐文章于 2025-09-12 09:30:00 发布

原创

最新推荐文章于 2025-09-12 09:30:00 发布 · 置顶 · 1.2w 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#websocket #wss #微信小程序 #thinkphp5.0 #workerman

本文详细介绍了在微信小程序开发中如何使用Apache配置符合要求的wss环境，包括前期准备工作，如开启httpd.conf相关模块，设置wss代理，以及代码测试确保正确运行。教程特别提到了使用ThinkPHP5.0和Workerman来实现WebSocket服务，并提供了解决方案以满足微信小程序的wss要求。

微信小程序wss简介

在微信小程序开发时，有时候根据业务需求遇到需要用到websocket这个api，但微信官方的规则是在配置websocket服务器地址时候必须要求wss以及不能携带端口，因此，本文介绍了thinkphp5在wamp下如何配置一个符合要求的微信小程序所需要的wss。

利用apache代理wss

前期准备

1、编写socket服务（本文用的workerman）监听 8888 端口（这里可以随意指定可用的非被占用端口）——(websocket协议)
2、已经申请了ssl证书，并且配置ssl安全协议
3、利用apache转发443端口至指定端口8888
4、httpd-ssl.conf 已加载
5、openssl 已安装

打开httpd.conf中的相应模块

LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_wstunnel_module modules/mod_proxy_wstunnel.so

添加wss代理

将以下内容添加到放在httpd-ssl.conf的VirtualHost标签内

ProxyRequests Off
ProxyPass /wss ws://127.0.0.1:8888
ProxyPassReverse /wss ws://127.0.0.1:8888

下面是httpd-ssl.conf截图

这里写图片描述

修改加密套件如下，以下内容查找httpd-ssl.conf相应内容修改即可

SSLProtoco

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lua~~

关注关注

8
点赞
踩
19

收藏

觉得还不错? 一键收藏
9
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

项目实战 | 使用Linux宝塔面板搭建商城公众号&小程序基础框架

背锅神童的博客

11-02

1146

使用宝塔面板搭建小程序、公众号基础框架，简单易用。服务器推荐阿里云ECS

微信小程序聊天系统搭建文档

第九程序官方博客

04-14

9985

本文主要介绍基于公司的一个微信小程序项目socket聊天系统的搭建，前后端代码，服务器配置均由一个人完成，难度不大；

9 条评论您还未登录，请先登录后发表或查看评论

微信小程序使用Websocket记录（wss协议、Spring Gateway）

a1308003218的博客

08-06

779

如果在微信小程序中使用wx://localhost会在真机调试中出现错误，就算不校验合法域名也不行。nacos的服务发现和gateway的信任下游全部证书都开启。必须带lb，需要websocket的就写这个lb:ws://根据提示填写，之后挪到gateway的resouce中。这里使用的是Spring Gateway配置SSL。本地中，WSS成功连接上了，但是真机模拟又出大病了。难道真的只能放服务器上跑吗？有点繁琐，本地调试也要开启SSL才行。如果gateway指定证书的话。

基于websocket的小程序端即时通信系统开发（一）：创建wss服务

xiaosuom

12-16

715

背景小程序端要求使用wss且不能带端口，因此虽然搭建完websocket，并能在app端运行，但还不能在小程序端运行，需要在后端创建wss。 1准备工作本章内容参考《wokerman手册》常见问题-创建wss服务、《GatewayWoker手册》常见问题-创建wss服务。手册提供了一种简单的开启wss服务的方法：直接用GatewayWoker开启SSL。但用这种方法，在前端连接websocket时的url会带端口，小程序并不支持。因此需要使用《wokerman手册》提出的另一种方法：利用n

nginx配置wss代理

热门推荐

shaw_phy的博客

01-02

1万+

已更新 2018-11-20 1.什么是https？ HTTPS（全称：安全套接字层上的超文本传输协议），是以安全为目标的HTTP通道，简单讲是HTTP的安全版。即HTTP下加入SSL层，HTTPS的安全基础是SSL ，因此加密的详细内容就需要SSL。它是一个URI scheme（抽象标识符体系），句法类同http：体系。用于安全的HTTP数据传输.https：URL表明它使用了HTTP，但...

小程序

weixin_33753845的博客

07-05

226

搭建微信小程序服务准备域名和证书任务时间：20min ~ 40min小程序后台服务需要通过 HTTPS 访问，在实验开始之前，我们要准备域名和 SSL 证书。域名注册如果您还没有域名，可以在腾讯云上选购，过程可以参考下面的视频。视频 - 在腾讯云上购买域名域名解析域名购买完成后, 需要将域名解析到实验云主机上，实验云主机的 IP 为：<您的CVMIP地址>在...

3w字带你揭开WebSocket的神秘面纱~

架构师小秘圈

12-22

1022

目录一. WebSocket 简介WebSocket 是一种基于 TCP 的网络协议。在 2009 年诞生，于 2011 年被 IETF 定为标准 RFC 6455 通信标准，并由 RF...

【微信小程序】 apache配置https，nginx配置https

上官龙云飞的专栏

04-04

3022

1，简介最近在做一个微信小程序的项目，把我搞得焦头烂额，微信小程序默认必须使用https加密请求，现在配置好了，所以记录一下，如果你也遇到疑惑，希望下面的文章可以帮到你~~！2，配置https必须先获取加密文件例如我的网站是 www.api1000.com 那么先去申请加密文件，我这里使用的是腾讯云的，原本使用阿里云的，结果阿里云的凉了。。。腾讯云申请地址：https://console....

微信小程序配置WSS协议

weixin_30500289的博客

04-12

435

配置的是nginx转发，前提是你已经安装了nginx的软件并已经正常打开网页，安装好SSL协议，能打开https网页下面是配置：需要的话可以根据需求修改 server { listen 80; server_name c21r.z1r053.com; return 301 https://$host$request_uri;} upstream webso...

微信小程序 request合法域名中设置WebSocket的wss/ws报错该域名协议头非法问题解决

weixin_45966674的博客

09-26

2288

然后我们照常通过 wss://ws-api.turingapi.com/api/v2去链接。微信小程序并不支持直接用wss://格式去设置域名。这里我们直接改成 https的。可以看到他这里依旧连接成功了。但其实我们可以用缓兵之计。

微信小程序(生命周期+wxs)

weixin_45805459的博客

12-11

487

微信小程序TLS版本大于1.2

Jason_WangYing的博客

05-09

1万+

微信小程序与第三方服务器通讯的域名5个必要条件 1、一个已备案的域名，不是localhost、也不是127.0.0.1，域名不能加端口 2、加ssl证书，也就是https：//~~~ 4、HTTPS 服务器的 TLS 版本支持1.2及以下版本，一般就是1.0、1.1、1.2要同时支持这三个版本，一个也不能少，要不然就会出现下面这种情况 5、微信小程序后台加上合法域名设置（一个月内改的次数

微信小程序socket+apache大师 wss配置

okokad的博客

12-13

367

小程序访问: url: “wss://app.changso.com/wss”, APACHE大师修改(\conf\extra\httpd-vhosts.conf)： # Proxy Config SSLProxyEngine on ProxyRequests Off ProxyPass /wss ws://app.x.com:313 ProxyPassReverse /wss ws://app....

微信小程序wss协议

01-22

### 微信小程序中使用WSS协议在微信小程序环境中，WebSocket通信支持通过`wss://`协议建立安全连接。这允许客户端和服务端之间进行全双工数据交换，特别适用于实时应用场景。对于配置Nginx来适配微信小程序的HTTPS和WSS请求，可以通过设置特定location路径下的代理转发规则实现[^4]： #### Nginx配置实例 ```nginx server { listen 443 ssl; server_name yourdomain.com; ssl_certificate /path/to/cert.pem; ssl_certificate_key /path/to/key.pem; location /ws/ { proxy_pass http://backend_ws_server; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_set_header Host $host; } } ``` 此配置片段展示了如何将带有`/ws/`前缀的URL映射至后端WebSocket服务器，并确保升级HTTP连接为WebSocket连接所需头信息被正确传递。 #### 小程序端代码示例要在微信小程序内发起WSS连接，可以利用内置API `wx.connectSocket()` 方法指定`url`参数指向已部署好的WSS服务地址。下面是一个简单的JavaScript函数用于创建并管理WebSocket连接: ```javascript function initWebSocket() { const socketTask = wx.connectSocket({ url: 'wss://yourdomain.com/ws/', protocols: ['protocol-one'], header: {'content-type': 'application/json'} }); // 监听WebSocket打开事件 socketTask.onOpen(() => console.log('WebSocket connection opened')); // 接收消息回调 socketTask.onMessage((res) => console.log(`Received message from server: ${res.data}`)); // 错误处理 socketTask.onError((err) => console.error(`WebSocket error occurred: ${JSON.stringify(err)}`)); // 关闭连接监听器 socketTask.onClose(() => console.warn('WebSocket closed')); return socketTask; } // 调用初始化方法 const mySocket = initWebSocket(); ``` 上述代码定义了一个名为`initWebSocket` 的函数，它负责启动一个新的WebSocket会话并向目标服务器发送握手请求；同时设置了几个重要的生命周期钩子以便于监控状态变化及接收来自服务器的消息。