CocosCreator中WebSocket使用WSS协议

最新推荐文章于 2025-07-23 11:35:35 发布

_大猪

最新推荐文章于 2025-07-23 11:35:35 发布

阅读量7.3k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： CocosCreator javascript 文章标签： CocosCreator WebSocket wss 证书 certificate

本文链接：https://blog.youkuaiyun.com/u013654125/article/details/94394864

CocosCreator 同时被 2 个专栏收录

59 篇文章

订阅专栏

javascript

41 篇文章

订阅专栏

本文详细介绍了如何将WebSocket协议升级为更安全的WSS协议，特别是在原生端（iOS或Android）上遇到的问题及解决方案。通过加载服务器提供的证书文件，实现从ws到wss的安全连接转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

平常我们使用WebSocket协议是这样的：

 var ws = new WebSocket("ws://echo.websocket.org");
 ws.onopen = function (event) {
     console.log("Send Text WS was opened.");
 };
 ws.onmessage = function (event) {
     console.log("response text msg: " + event.data);
 };
 ws.onerror = function (event) {
     console.log("Send Text fired an error");
 };
 ws.onclose = function (event) {
     console.log("WebSocket instance closed.");
 };

一个简洁有力的示例。

但是，有些地方可能会被强制要求把ws协议改成wss协议，如：需要发布到微信小游戏平台的时候。

即需要把服务器的地址：

ws://echo.websocket.org

修改为：

wss://echo.websocket.org

如果像这样，只是简单直接的修改url，是可以在网页端调用成功的。

但是在原生端（iOS或Android），仅仅把ws修改成wss是会报错的。

这时，我们需要找服务器的同学拿一个证书文件过来，类似于***.cer的文件，然后我们再把文件放在resources文件夹下。

再把代码修改成：

 var ws = new WebSocket("wss://echo.websocket.org", "test", cc.url.raw("resources/***.cer"));
 ws.onopen = function (event) {
     console.log("Send Text WS was opened.");
 };
 ws.onmessage = function (event) {
     console.log("response text msg: " + event.data);
 };
 ws.onerror = function (event) {
     console.log("Send Text fired an error");
 };
 ws.onclose = function (event) {
     console.log("WebSocket instance closed.");
 };

其中第二个参数"test"，是可以自定义的参数，一般可以设置自己的项目名；

第三个参数才是我们要加载的证书的路径。