使用 js 测试 websocket 连接

参考：https://blog.csdn.net/linysuccess/article/details/109223712 配合上篇文章，代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WebSocket测试</title>
    <script>
        function initWebSocket(wsUri) {
            var websocket = new WebSocket(wsUri);
            websocket.onopen = function(evt) {
                console.log('连接建立中... '+wsUri);
            };
            websocket.onclose = function(evt) {
                console.log('连接关闭中...', evt);
            };
            websocket.onmessage = function(evt) {
                console.log('收到来自服务端的消息：', evt.data);
            };
            websocket.onerror = function(evt) {
                console.log('发生错误...', evt);
            };
            return websocket;
        }
    
        // 在此配置 websocket 的地址
        var websocket = initWebSocket("ws://localhost:8020/ws");
        var msg, i = 0;
        var loop = setInterval(function(){
            msg = "Hello " + (i++);
            if(websocket.readyState == WebSocket.OPEN) {
                websocket.send(msg);
                console.log('已发送消息：' + msg);
            } else {
                clearInterval(loop);
                console.log('连接已关闭，拜拜~');
            }
        }, 3000);
    </script>
</head>
<body>
    请按 F12 打开控制台查看消息
</body>
</html>

  from:http://www.manongjc.com/detail/22-lipyczhcovoolme.html

龙生   29 May 2023
View Details

简述@Autowired和@Resource的区别（通俗易懂）

1、@Autowired默认是根据类型（ByType）注入的，@Resource默认是根据名称（ByName）注入的。

2、@Autowired是Spring提供的注解，@Resource是JDK提供的注解

3、当一个接口存在多个实现类，@Autowired和@Resource都是需要指定Bean的名称才能完成注入，@Autowired可通过@Qualifier来只能Bean的名称进行注入，@Resource则可通过name来完成Bean的注入。

龙生   26 May 2023
View Details

七种方法增强代码可扩展性（多图详解）

在设计模式中有六大设计原则：

单一职责原则：一个类只做一件事

里式替换原则：子类可以扩展父类

依赖倒置原则：面向接口编程

接口隔离原则：高内聚低耦合

迪米特法则：最少知道原则

开闭原则：关闭修改，开放新增

我认为在这六个原则中开闭原则最为重要，开闭原则是可扩展性的重要基石。

第一个原因是需求变化时应该通过新增而不是修改已有代码实现，这样保证了代码稳定性，避免牵一发而动全身。

第二个原因是可以事先定义代码框架，扩展也是根据框架扩展，体现了用抽象构建框架，用实现扩展细节，保证了稳定性也保证了灵活性。

第三个原因是其它五个原则虽然侧重点各有不同，但是都可以包含于开闭原则。

第四个原因是标准二十三种设计模式最终都是在遵循开闭原则。

既然开闭原则如此重要，我们应该怎么在系统设计时遵循开闭原则呢？

龙生   26 May 2023
View Details

C# https请求忽略证书验证

1
2
3
4
5
6
7
            // 忽略证书验证
            if (AppConfig.HisUrl.StartsWith("https"))
            {
                ServicePointManager.SecurityProtocol = SecurityProtocolType.Tls | SecurityProtocolType.Tls11 | SecurityProtocolType.Tls12;
 
                ServicePointManager.ServerCertificateValidationCallback = (sender, certificate, chain, sslPolicyErrors) => true;
            }

 

龙生   18 May 2023
View Details

如何说服技术老大用 Redis ?

这个问题很微妙，可能这位同学内心深处，觉得 Redis 是所有应用缓存的标配。

缓存的世界很广阔，对于应用系统来讲，我们经常将缓存划分为本地缓存和分布式缓存。

本地缓存 ：应用中的缓存组件，缓存组件和应用在同一进程中，缓存的读写非常快，没有网络开销。但各应用或集群的各节点都需要维护自己的单独缓存，无法共享缓存。

分布式缓存：和应用分离的缓存组件或服务，与本地应用隔离，多个应用可直接共享缓存。

龙生   18 May 2023
View Details

如何在 CentOS 7 上安装最新版 Nginx

Nginx 读作 engine x， 是一个免费的、开源的、高性能的 HTTP 和反向代理服务，主要负责负载一些访问量比较大的站点。 Nginx 可以作为一个独立的 Web 服务，也可以用来给 Apache 或是其他的 Web 服务做反向代理。 相比于 Apache，Nginx 可以处理更多的并发连接，而且每个连接的内存占用的非常小。 本教程将会教您如何在 Centos 7 的服务器上安装和管理 Nginx。 开始前的准备 在开始阅读此教程之前，请确保你是以拥有 sudo 权限的用户来登录的服务器，并且服务器中没有 Apache 或是其他服务正在使用 80（HTTP） 和 443（HTTPS） 端口上，防止端口被占用，造成 Nginx 无法正常启动。 在 CentOS 中安装 Nginx 请按照下面的步骤，在 CentOS 中安装 Nginx。 1、 EPEL 仓库中有 Nginx 的安装包。如果你还没有安装过 EPEL，可以通过运行下面的命令来完成安装：

1
sudo yum install epel-release

  上面代码的意思是以 sudo 权限运行安装 epel-release，如果你当前登录的用户不是 root，则会提示你输入密码来运行，输入密码时是看不到输入的内容的，所以不用担心，继续输入就行。然后回车继续运行，后面的命令中如果包含 sudo 则都表明是刚提到的意思，不再重复解释。 2、 输入以下命令来安装 Nginx：

1
sudo yum install nginx

  如果这是您第一次从 EPEL 仓库中安装软件，yum 可能会提示您导入 EPEL GPG key：

1
2
3
4
5
6
7
Retrieving key from file:///etc/pki/rpm-gpg/RPM-GPG-KEY-EPEL-7
Importing GPG key 0x352C64E5:
Userid     : "Fedora EPEL (7) <epel@fedoraproject.org>"
Fingerprint: 91e9 7d7c 4a5e 96f1 7f3e 888f 6a2f aea2 352c 64e5
Package    : epel-release-7-9.noarch (@extras)
From       : /etc/pki/rpm-gpg/RPM-GPG-KEY-EPEL-7
Is this ok [y/N]:

  类似于上面的内容，遇到这种情况，输入 y，然后 Enter（回车） 即可继续安装。 3、 等到安装完成以后，可以通过以下命令来设置开机启动和运行 Nginx 服务： 设置 Nginx 开机启动：

1
sudo systemctl enable nginx

  运行以上命令以后，会输出类似以下的内容，表示创建了一个软连接来关联 Nginx，不用担心，并不是报错了，下一步就可以启动 Nginx 了。

1
Created symlink from /etc/systemd/system/multi-user.target.wants/nginx.service to /usr/lib/systemd/system/nginx.service.

  启动 Nginx：

1
sudo systemctl start nginx

  通过运行以下命令，来检查 Nginx 的运行状态：

1
sudo systemctl status nginx

  然后会输出类型下面的内容 […]

龙生   15 May 2023
View Details

js获取当前毫秒数

js获取当前毫秒数（+new date()） 前言 在看视频的时候发现老师获取当前日期的毫秒表示时使用了let t1 = +new date()的写法，起初没有明白代码的含义，经过测试发现为日期的毫秒表示； 详情 代码：

1
2
3
4
5
6
<script>
    let d1 = +new Date(); //1630316745222
    let d2 = new Date(); //Mon Aug 30 2021 17:46:28 GMT+0800 (中国标准时间)
    console.log(typeof d1 +':'+ d1 )
    console.log(typeof d1 +':'+ d2)
</script>

  解释： 经测试和查阅后得知**+new Date ()**相当于调用 Date.prototype.valueOf ()方法，返回的是当下的时间距离1970年1月1日0时0分0秒的毫秒数 获取当前时间毫秒数的方法 +new Date() new Date().valueOf() new Date().getTime() Date.parse(new Date()) 注意：精确到秒，会将后三位舍弃为0

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
    //new Date().valueOf()
    let d1= new Date().valueOf();
    console.log(d1)    //1630318883445
 
    // new Date().getTime()
    let d2= new Date().getTime();
    console.log(d2)     //1630318883445
 
    //Date.parse(new Date())
    let d3 = Date.parse(new Date());
    console.log(d3)     //1630318883000
</script>

  from:https://blog.csdn.net/Ldcrle/article/details/120002457

龙生   12 May 2023
View Details

Spring Boot(五)：Spring Boot Jpa 的使用

Jpa (Java Persistence API) 是 Sun 官方提出的 Java 持久化规范。它为 Java 开发人员提供了一种对象/关联映射工具来管理 Java 应用中的关系数据。它的出现主要是为了简化现有的持久化开发工作和整合 ORM 技术，结束现在 Hibernate，TopLink，JDO 等 ORM 框架各自为营的局面。

值得注意的是，Jpa是在充分吸收了现有 Hibernate，TopLink，JDO 等 ORM 框架的基础上发展而来的，具有易于使用，伸缩性强等优点。从目前的开发社区的反应上看，Jpa 受到了极大的支持和赞扬，其中就包括了 Spring 与 EJB3. 0的开发团队。

龙生   12 May 2023
View Details

Spring Boot环境下创建WebSocket服务端和客户端

1.pom文件导入依赖

1
2
3
4
5
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-websocket</artifactId>
            <version>2.0.4.RELEASE</version>
        </dependency>

  2.创建webSocket相关配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
package com.example.demo.mainDemo;
 
import org.springframework.context.annotation.Configuration;
import org.springframework.web.socket.WebSocketHandler;
import org.springframework.web.socket.config.annotation.EnableWebSocket;
import org.springframework.web.socket.config.annotation.WebSocketConfigurer;
import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry;
 
@Configuration
@EnableWebSocket
public class WebSocketConfig implements WebSocketConfigurer {
    @Override
    public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
        registry.addHandler(myHandler(), "myHandler").setAllowedOrigins("*");
    }
    public WebSocketHandler myHandler() {
        return new MyHandler();
    }
}

  3.编写webSocket处理类，类似controller接口

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
package com.example.demo.mainDemo;
 
import com.alibaba.fastjson.JSONObject;
import org.springframework.web.socket.TextMessage;
import org.springframework.web.socket.WebSocketSession;
import org.springframework.web.socket.handler.TextWebSocketHandler;
 
import java.util.HashMap;
import java.util.Map;
 
/**
* 相当于controller的处理器
*/
public class MyHandler extends TextWebSocketHandler {
    @Override
    protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception {
        String payload = message.getPayload();
        // Map<String, String> map = JSONObject.parseObject(payload, HashMap.class);
        // System.out.println("=====接受到的数据"+map);
        session.sendMessage(new TextMessage("服务器返回收到的信息," + payload));
    }
}

  4.编写客户端

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
package com.example.demo.mainDemo.client;
 
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
 
import javax.websocket.*;
 
@ClientEndpoint
public class MyClient {
    private static Logger logger = LoggerFactory.getLogger(MyClient.class);
    private Session session;
    @OnOpen
    public void open(Session session){
        logger.info("Client WebSocket is opening...");
        this.session = session;
    }
 
    @OnMessage
    public void onMessage(String message){
        logger.info("Server send message: " + message);
    }
 
    @OnClose
    public void onClose(){
        logger.info("Websocket closed");
    }
 
    /**
     * 发送客户端消息到服务端
     * @param message 消息内容
     */
    public void send(String message){
        this.session.getAsyncRemote().sendText(message);
    }
}

  5.创建main方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
package com.example.demo.mainDemo.client;
 
import javax.websocket.ContainerProvider;
import javax.websocket.WebSocketContainer;
import java.net.URI;
 
public class ClientStart {
    public static void main(String[] args){
        try {
            WebSocketContainer container = ContainerProvider.getWebSocketContainer();
            MyClient client = new MyClient();
            container.connectToServer(client, new URI("ws://127.0.0.1:8080/myHandler"));
            // container.setDefaultMaxSessionIdleTimeout(5000L);
            int turn = 0;
            while(turn++ < 10){
                client.send("client send: 客户端消息 " + turn);
                Thread.sleep(1000);
            }
        }catch (Exception e){
            e.printStackTrace();
        }
    }
}

  6.执行main方法     OVER ———————————————— 版权声明：本文为CSDN博主「官萧何」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/qq_25613413/article/details/100019875   from:https://www.cnblogs.com/guanxiaohe/p/11727433.html

龙生   10 May 2023
View Details

C#搭建高效、便捷的WebSocket服务器和客户端

WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被W3C定为标准。
WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

龙生   10 May 2023
View Details
1 … 40 41 42 … 410

Copyright © 2025 Longsheng All rights reserved