使用Node.js后台读取串口数据并通过WebSocket实时显示在网页上

2023-02-13

记录一下使用 Node.js 后台读取串口数据并通过 WebSocket 实时显示在网页上的方法，可以使用以下步骤：

使用第三方库 serialport 读取串口数据
安装 WebSocket 服务器，例如 ws 库
创建 WebSocket 服务器，并监听客户端连接
在每次读取到串口数据时，通过 WebSocket 发送数据到客户端
在客户端，使用 JavaScript 更新 HTML 元素的属性值

以下是一个简单的示例：

// Node.js 后台代码
const SerialPort = require('serialport');
const ReadLine = require('@serialport/parser-readline');
const WebSocket = require('ws');

// 创建一个串口解析器
const port = new SerialPort('COM3', { baudRate: 9600 });
const parser = port.pipe(new ReadLine({ delimiter: '\r\n' }));

// 创建 WebSocket 服务器
const server = new WebSocket.Server({ port: 8080 });

// 监听客户端连接
server.on('connection', (socket) => {
  // 在读取到串口数据时，发送数据到客户端
  parser.on('data', (data) => {
    // 解析读取到的数据
    const target = data.split('  ')[2];
    // 通过 WebSocket 发送数据到客户端
    socket.send(target);
  });
});

// 客户端 JavaScript 代码
const socket = new WebSocket('ws://localhost:8080');

// 监听 WebSocket 接收到的数据
socket.onmessage = (event) => {
  // 更新 HTML 元素的属性值
  document.getElementById('test').value = event.data;
};

注意：在这个示例代码中，我们假设“数据格式为文本字符，形如0 00 xxx 00，获取其中的xxx”

作为用户，修改Cookie有效期，延长Cookie期限

2023-02-09

浏览器中手动修改cookie的有效期

网站可以使用Cookie验证身份，从而可以实现关闭游客访问。

作为用户，若网站关闭了游客访问，且Cookie到期以后，就无法继续访问该网站。

可以在浏览器客户端手动设置Cookie的过期时间，从而延长登录有效期。

以Chrome浏览器为例，按F12打开开发者工具，找到网站Cookie手动修改过期时间。

按`F12`打开开发者工具，找到网站Cookie手动修改过期时间。

终端命令网络设置

2023-02-08

终端设置代理

Linux/macOS bash/Windows Git Bash终端

使用 export https_proxy=http://127.0.0.1:7890;export http_proxy=http://127.0.0.1:7890;export all_proxy=socks5://127.0.0.1:7890 设置环境变量
使用 curl -verbose ip.gs 命令进行检查是否设置成功。

$ export https_proxy=http://127.0.0.1:7890;export http_proxy=http://127.0.0.1:7890;export all_proxy=socks5://127.0.0.1:7890
$ curl -verbose ip.gs
* Uses proxy env variable http_proxy == 'http://127.0.0.1:7890'
*   Trying 127.0.0.1:7890...
* Connected to 127.0.0.1 (127.0.0.1) port 7890 (#0)
> GET http://ip.gs/ HTTP/1.1
> Host: ip.gs
> User-Agent: curl/7.84.0
> Accept: */*
> Referer: rbose
> Proxy-Connection: Keep-Alive
>
* Mark bundle as not supporting multiuse
< HTTP/1.1 200 OK
< Transfer-Encoding: chunked
< Cache-Control: no-cache
< Connection: keep-alive
< Content-Type: text/plain
< Date: Wed, 08 Feb 2023 06:01:21 GMT
< Keep-Alive: timeout=4
< Proxy-Connection: keep-alive
< Server: nginx
< Vary: Accept-Encoding
<
2607:f130:0:手动马赛克::d891:eccc
* Connection #0 to host 127.0.0.1 left intact

Windows CMD终端
1. 使用 set http_proxy=http://127.0.0.1:7890 & set https_proxy=http://127.0.0.1:7890 设置环境变量
2. 使用 curl -vvvk https://google.com 命令进行检查是否设置成功。

阅读全文

Windows系统C盘清理工具FreeMove及文件占用进程查看软件LockHunter配合使用

2023-01-18

三款软件、按顺序使用即可，无损移动C盘文件至其他盘，不影响使用。

SpaceSniffer软件截图

阅读全文

检测断网自动重连WiFi脚本

2023-01-14

最近公司网络出毛病老是隔段时间就自动断开连接，写了这个批处理脚本可以自动检测网络状态、断网自动重连WiFi，并记录断网重连日志。

阅读全文

JavaScript使用 Web Serial API获取串行设备端口数据(地磅串口数据)

2022-11-18

前期准备
资源链接
代码示例
- 检查浏览器是否支持
- 打开串行端口
地磅读数代码示例
chrome浏览器配置在http协议使用web串行api

阅读全文

JavaScript 之函数

2022-09-07

参数传递

JavaScript 在传递参数时，其实是一个数组，其实所有的参数都会被装载到函数内部一个叫作 arguments 的数组里面。

代码示例：

<html>
  <body>
    <script>
      // window.alert('Hello World')
      function add() {
        if (arguments.length > 0) {
          console.log(arguments.length);
          // alert(arguments[0])
          var sum = 0;
          //   arguments.forEach(element => {
          //     sum+=element;
          //   });
          for (let index = 0; index < arguments.length; index++) {
            const element = arguments[index];
            // console.log(element);
            sum += element;
          }
          console.log(sum);
        } else {
          alert("参数为空");
        }
      }
      add();
      // var a = [1, 2];
      add(1, 2, 3, 4, 5);
    </script>
  </body>
</html>

如上所示，即使在定义函数 add 时，没有声明参数，在调用时传入任意参数都是会被装载到 arguments 数组的。

只是需要注意的是，只能使用 for 循环遍历 arguments ，不能在其上使用 forEach 遍历（会报错，不存在 forEach ）。

闭包

阅读全文

.NET 数据并行性（任务并行库） Data Parallelism (Task Parallel Library)

2022-09-01

Data Parallelism (数据并行性)

Data parallelism refers to scenarios in which the same operation is performed concurrently (that is, in parallel) on elements in a source collection or array. In data parallel operations, the source collection is partitioned so that multiple threads can operate on different segments concurrently.

The Task Parallel Library (TPL) supports data parallelism through the System.Threading.Tasks.Parallel class. This class provides method-based parallel implementations of for and foreach loops (For and For Each in Visual Basic). You write the loop logic for a Parallel.For or Parallel.ForEach loop much as you would write a sequential loop. You do not have to create threads or queue work items. In basic loops, you do not have to take locks. The TPL handles all the low-level work for you. For in-depth information about the use of Parallel.For and Parallel.ForEach, download the document Patterns for Parallel Programming: Understanding and Applying Parallel Patterns with the .NET Framework 4. The following code example shows a simple foreach loop and its parallel equivalent.

Parallel.ForEach

JavaScript获取网页URL地址的查询参数(QueryString)的方法

2022-08-31

需求：获取 URL 查询参数

需求详情

请求URL: http://example.com:80/method?id=1&name=xy

获取请求参数id、name的值1、xy。

方法一：`URLSearchParams`

使用 URLSearchParams 对象的 get 方法。参考：

阅读全文

.NET Framework 连接 Oracle数据库：找不到请求的 .Net Framework Data Provider。可能没有安装

2022-08-29

1. 错误信息
- 1.1. 错误详情
2. 问题原因
3. 查看与设置ORACLE_HOME环境变量
- 3.1. Windows下查看与设置环境变量
4. 下载与安装ODP.NET驱动
5. Oracle数据库连接配置
- 5.1. 分析与解决错误
  - 5.1.1. 先了解下 oracle tnsnames.ora 文件用法
    - 5.1.1.1. 1.用途
    - 5.1.1.2. 2.用法
- 5.2. 解决方法

1. 错误信息

解决错误信息：找不到请求的 .Net Framework Data Provider。可能没有安装

1.1. 错误详情

找不到请求的 .Net Framework Data Provider。可能没有安装。

阅读全文

浏览器中手动修改cookie的有效期

相关知识之会话cookie

终端设置代理

参数传递

闭包

Data Parallelism (数据并行性)

Parallel.ForEach

需求：获取 URL 查询参数

方法一：URLSearchParams

1. 错误信息

1.1. 错误详情

方法一：`URLSearchParams`