CocosCreator中WebSocket使用WSS协议

太过爱你忘了你带给我的痛 2021-12-18 21:25 1393阅读 0赞

平常我们使用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"，是可以自定义的参数，一般可以设置自己的项目名；

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

发表评论取消回复

表情：

评论列表（有 0 条评论，1393人围观）

还没有评论，来说两句吧...

相关阅读

相关如何使用宝塔面板配置Nginx反向代理WebSocket（wss）

本章教程，主要介绍一下在宝塔面板中如何配置websocket wss的具体过程。

客官°小女子只卖身不卖艺/ 2024年04月29日 11:17/ 0 赞/ 97 阅读

相关 WebSocket协议入门：WebSocket 协议

最早的Web应用程序使用表单和全页刷新。每当用户提交信息，浏览器将提交一个表单并读取新页面。每当有需要显示的更新信息，用户或者浏览器必须刷新整个页面，使用HTTP读取整个资源。

Love The Way You Lie/ 2023年05月31日 15:21/ 0 赞/ 77 阅读

相关 java netty wss_netty中websocket, wss

websocket 直接使用SpringBoot+Netty来支持WebSocket，并且需要支持wss，其需要注意事项有以下： wss支持 websocket请求路径中

亦凉/ 2022年11月09日 01:26/ 0 赞/ 325 阅读

相关 websocket系列:ws和wss的区别

一、ws和wss的区别 Websocket使用 ws 或 wss 的统一资源标志符，类似于 HTTP 或 HTTPS，其中 wss 表示在 TLS 之上的 Websock

怼烎@/ 2022年09月10日 10:17/ 0 赞/ 518 阅读

相关 nginx使用wss协议出现wss handshake: Unexpected response code: 400

> 在nginx中配置好https协议之后，我以为可以使用反向代理在tomcat容器中的页面js调用websocket用wss了，但是没想到居然报了个错： hands

￡神魔★判官ぃ/ 2022年07月12日 14:59/ 0 赞/ 319 阅读

相关 CocosCreator下websocket使用protobuf

一、环境操作系统 mac 10.12.2 CocosCreator 1.5.1 二、正文如果有人在上篇的文章中并没有理解，或者可以正常运行。大家可以

旧城等待，/ 2022年06月12日 05:44/ 0 赞/ 778 阅读

相关 PHP 实现wss协议的WebSocket 客户端

严重BS百度, 查了几天也没找到有用的东西, 换了 g.cn 问题解决. 很简单的: 1. 把textalk/websocket加到composer中,我使用的是1

小鱼儿/ 2022年06月01日 00:07/ 0 赞/ 664 阅读

相关 WebSocket 结合 Nginx 实现域名及 WSS 协议访问

[WebSocket 结合 Nginx 实现域名及 WSS 协议访问][WebSocket _ Nginx _ WSS] 简单了解一下 WebSocket 现在，很

青旅半醒/ 2022年05月19日 04:15/ 0 赞/ 343 阅读

相关 Java游戏服务器开发之二十四--WebSocket中添加ssl，支持wss协议

Java游戏服务器开发之二十四–WebSocket中添加ssl，支持wss协议 Java游戏服务器开发之二十四–WebSocket中添加ssl，支持wss协议

约定不等于承诺〃/ 2022年05月16日 10:57/ 0 赞/ 1610 阅读

相关 CocosCreator中WebSocket使用WSS协议

平常我们使用WebSocket协议是这样的： var ws = new WebSocket("ws://echo.websocket.org"); ws.o

太过爱你忘了你带给我的痛/ 2021年12月18日 21:25/ 0 赞/ 1394 阅读