合并server端和www

Author: sunzsh

server/.room_pwd.json .room_pwd.jsonserver/.room_pwd.json renamed to .room_pwd.json

@@ -13,39 +13,19 @@ demo演示：https://fagedongxi.com
 ## 场景：
 比如新装的win系统需要从mac系统传一些需要🪜才能下载的软件或者搜到的一些东西
 
-## 服务端部署（仅部署服务端不行，一定看到最后的“网页部署”）：
-部署介绍：https://v.douyin.com/iUWewPmf/
+## 部署/启动
+> 自`1.1.0`版本后，不再需要单独部署网页端了，仅启动一个服务端即可
 
 ### 源码方式
 1. 安装nodejs，node版本没有测试，我用的是 `16.20.2`
-2. 下载源码（服务端仅需要`server`目录）
-3. 进入 `server` 目录，运行 `npm install`
+2. 下载源码
+3. 进入 项目根目录，运行 `npm install`
 4. 运行 `npm run start [port]` ，例如 `npm run start 8081`
 
 ### 二进制方式
 * 下载对应平台的可执行文件，直接执行即可（服务端）
 * 默认监听 `8081` 端口，可通过参数指定端口，例如 `./internal-chat-linux 8082`
 * 如果你用windows，可参考 https://v.douyin.com/CeiJahpLD/ 注册成服务
 
-### 服务端nginx反向代理配置参考（可选）
-> 服务端用反向代理的好处：可以直接用certbot申请https证书，然后直接用wss协议。
-> 如果采用下方的配置反向代理，注意在客户端配置`wsUrl`变量的时候，需要加 `/ws`，否则不用
-```
-  location /ws/ {
-    proxy_pass http://localhost:8081/;
-    proxy_http_version 1.1;
-    proxy_set_header Host $host;
-    proxy_set_header Upgrade $http_upgrade;
-    proxy_set_header Connection "upgrade";
-    proxy_set_header X-Real-IP $remote_addr;
-    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-  }
-```
-
-## 网页部署：
-1. 下载源码并修改`www/index.js`第一行代码`wsUrl`变量（如果服务端配置了反向代理，这里路径最后要加`/ws`，否则不用）
-2. 直接将`www`用nginx部署成一个静态网站即可，具体配置参考 `nginxvhost.conf`。如果你没有域名，将 `server_name` 写成 `_` 即可（属于nginx基础知识）
-3. 访问 `http://your.domain.com/` 即可
-
 ## 免责声明：
 本项目仅用于学习交流，请勿用于非法用途，否则后果自负。

README.md

@@ -2,6 +2,9 @@ const WebSocket = require('ws');
 const service = require('./data');
 const path = require('path');
 
+const http = require('http');
+const fs = require('fs');
+
 const originalLog = console.log;
 console.log = function() {
   const date = new Date();
@@ -12,10 +15,39 @@ console.log = function() {
 
   originalLog.apply(console, [`[${timestamp}]`, ...arguments]);
 };
+const HTTP_PORT = process.argv[2] || 8081; // 合并后的统一端口
+const HTTP_DIRECTORY = path.join(__dirname, 'www'); // 静态文件目录
+
+// 创建 HTTP 服务器
+const server = http.createServer((req, res) => {
+  let urlPath = decodeURIComponent(req.url.split('?')[0]); // 去掉查询参数
+  if (urlPath === '/') {
+    urlPath = '/index.html'; // 默认访问 index.html
+  }
+  let filePath = path.join(HTTP_DIRECTORY, urlPath);
+  fs.stat(filePath, (err, stats) => {
+    if (err || !stats.isFile()) {
+      // 如果文件不存在，返回 index.html
+      filePath = path.join(HTTP_DIRECTORY, 'index.html');
+    }
+
+    // 设置缓存头
+    const ext = path.extname(filePath);
+    if (ext === '.js' || ext === '.css') {
+      res.setHeader('Cache-Control', 'public, max-age=2592000'); // 30天缓存
+    }
+
+    fs.createReadStream(filePath).pipe(res);
+  });
+});
+
+server.listen(HTTP_PORT, () => {
+  console.log(`server start on port ${HTTP_PORT}`);
+});
+
+
+const wsServer = new WebSocket.Server({ server });
 
-// 接收启动参数作为端口号，默认8081
-const PORT = process.argv[2] || 8081;
-const server = new WebSocket.Server({ port: PORT });
 
 const SEND_TYPE_REG = '1001'; // 注册后发送用户id
 const SEND_TYPE_ROOM_INFO = '1002'; // 发送房间信息
@@ -44,15 +76,13 @@ try {
   });
   console.log(`加载房间数据: ${roomIds.join(',')}`);
 } catch (e) {
-  console.error('Failed to load room_pwd.json');
+  // 没有room_pwd.json文件无需报错，不加载即可
+  // console.error('Failed to load room_pwd.json');
 }
 
-console.log(`Signaling server running on ws://localhost:${PORT}`);
-
-server.on('connection', (socket, request) => {
+wsServer.on('connection', (socket, request) => {
   const ip = request.headers['x-forwarded-for'] ?? request.headers['x-real-ip'] ?? socket._socket.remoteAddress.split("::ffff:").join("");
-
-  const urlWithPath = request.url.split('/')
+  const urlWithPath = request.url.replace(/^\//g, '').split('/')
   let roomId = null;
   let pwd = null;
   if (urlWithPath.length > 1 && urlWithPath[1].length > 0 && urlWithPath[1].length <= 32) {

server/data.js data.jsserver/data.js renamed to data.js

@@ -1,6 +1,6 @@
 {
   "name": "internal-chat",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -15,7 +15,8 @@
   "pkg": {
     "assets": [
       "!room_pwd.json",
-      "./node_modules/**/*"
+      "./node_modules/**/*",
+      "./www/**/*"
     ],
     "ignore": [
       "./room_pwd.json"
@@ -24,6 +25,7 @@
       "node16-linux-x64",
       "node16-win-x64",
       "node16-macos-x64"
-    ]
+    ],
+    "outputPath": "dist"
   }
 }

server/index.js index.jsserver/index.js renamed to index.js

@@ -1,4 +1,5 @@
-const wsUrl = 'wss://fagedongxi.com/ws';
+const wsProtocol = window.location.protocol === 'https:' ? 'wss' : 'ws';
+const wsUrl = `${wsProtocol}://${window.location.hostname}${window.location.port ? `:${window.location.port}` : ''}/ws`;
 
 var users = [];
 var me = new XChatUser();