企业官网建设流程全解析

总览

这个横型是基于个后台，websocket ,python ,和一个index.html网页。
一开始AI，给出的是，Node.js的server.js文件。但是也轻易换成了python.他想用vue,和其他框架，我说先不用了，我测下通道。于是有了下午8小时的折腾。
我说下，基于ddnsto是实现放在互联网上的，虽然他只支持http,内总，+https外部。
这里我重点说下，外总的，https,透传是如何代理websocket r wss://协议的。这个很有看头。我最后会提供全部代码，在资源中，

分步

1. 安装docker docker-compose
2. 安装filebrowser.容器
3. 建立源码目录和python 3.11容器，开通，static,和，websocket服务
4. 安装NginxUI,和配置反代，主要是websocket.到子目录

核心坑

1. 安装docker时用了国内的几个镜像，在debian下安装的，镜像好像不行，用某问，原厂的安装过程，居然速度很快，也就是docker 可能活着。
2. 拉镜像必须用几个，国内的源，因为有的好几百M，难用的很慢。
3. 前面说了，filebrowser的密码要改短点，不然真难用，不安全用长度解决。不能用机制的吗？比如把强试的路档死呢？也许档不死吧。这个项目说要停止维护，要找个第三方。它主要用来在线写和改文件。 目录的权力分配好像不太好把握。测试就无所谓，生产要慎重。
4. 我定制了，python启动代码。 让，8000的http.server做保底。在启动后，docker exec -it 用python server.py咆主程序。
5. 要在本地咆通，需要在insex.html中的 WS_URL 定制成自已的IP。并在布署到ddnsto后，改成域名的地址，这是new WebSocket (WS_URL)的握手地址。
6. nginx proxy manager 这个NPM 不是我的菜，因为太大，拉起来费劲，NginxUI小很多是go 的。在安装时，10分钟有效会在，内决/etc/nginxUI/.installsecret. 这个是进入的第一次的凭证。一开始没上官网，没有找到，全程在AI聊天。 这个已经在开始yaml compse 中指向了外部data.
7. ws到子目录的nginx反代，这个是最后一个。 在新建站点时，关注点在于，把／ws/这个location定义成，

‘` location /ws/{proxy_pass http://127.0.0.1:3000/;# 替换为你的后端服务地址# ✨ WebSocket 核心三件套（必须添加）proxy_http_version1.1;# 1. 必须使用 HTTP/1.1 版本proxy_set_header Upgrade$http_upgrade;# 2. 透传客户端的 Upgrade 头proxy_set_header Connection"upgrade";# 3. 明确指示协议升级# 传递真实客户端信息proxy_set_header Host$host;proxy_set_header X-Real-IP$remote_addr;proxy_set_header X-Forwarded-For$proxy_add_x_forwarded_for;# ⏱️ 长连接超时控制（极其重要）proxy_read_timeout 3600s;# 默认60秒太短，WebSocket长连接必须调大proxy_send_timeout 3600s;}

“

站点要先保存，再启用，基本上可以用，在配置管里中，要把原来80换走，走为容器只转出了，80,9000, 要是不想再启动一次，需要让出，80-到9000管理口的转发。

说了这么多，
就能上云了，
上云时需要扫一下微信，就会转到，工作台了。

在云上

为了做测试，在云上的速度，需要在ddnsto开通一个二级域名到家中接口docker, nginx反代服务的转发。
先去安装一下，ddnsto。 控制台会有安装方法，Docker , Nas, Openwrt. 这是主流的三种安种环境。完成的后的配置是一步到位的。但是有个巨大的能力短板， 谁开通谁用。也就是这个二级域名，好像是专门绑定微信的。 试用是免费7天，
用我的可以免3个月，可以和我交流用起来的感受。
https://web.kooldns.cn/app/#/login?aff=I4D8SPM1

源码我上传到资源，

我一步到位，全部上传吧，这是8小时的工作成果。测了网速可以落子。
体会一下server.py
全打包资源，不一对一讲解
https://download.csdn.net/download/wjcroom/93388118

importasyncioimportjsonimporttimeimportwebsockets# 存储当前所有在线的客户端和房间信息# 格式: {room_id: {player_id: websocket}}rooms={}async def handle_client(websocket):"""处理单个客户端的连接与消息""" room_id=None player_id=None try: asyncformessageinwebsocket: try: data=json.loads(message)action=data.get("action")# 1. 加入房间ifaction=="join":room_id=data.get("roomId")player_id=data.get("playerId")ifroom_id notinrooms: rooms[room_id]={}rooms[room_id][player_id]=websocket# 通知房间内其他玩家有新成员加入await broadcast(room_id,{"action":"system","message":f"玩家 {player_id} 加入了房间"}, websocket)# 2. 游戏操作（落子、悔棋等）elifaction=="move":ifroom_id and room_idinrooms:# 将落子数据转发给同房间的其他玩家await broadcast(room_id,{"action":"move","playerId":player_id,"row":data.get("row"),"col":data.get("col"),"timestamp":data.get("timestamp")}, websocket)# 3. 性能测试（Ping-Pong）elifaction=="ping":await websocket.send(json.dumps({"action":"pong","clientTime":data.get("clientTime"),"serverTime":int(time.time()*1000)}))except json.JSONDecodeError: await websocket.send(json.dumps({"error":"无效的 JSON 格式"}))except websockets.exceptions.ConnectionClosed: print(f"客户端断开连接: {player_id}")finally:# 客户端断开时，从房间中移除ifroom_id and player_id and room_idinrooms:ifplayer_idinrooms[room_id]: del rooms[room_id][player_id]await broadcast(room_id,{"action":"system","message":f"玩家 {player_id} 离开了房间"})# 如果房间空了，清理房间ifnot rooms[room_id]: del rooms[room_id]async def broadcast(room_id, message,sender_socket=None):"""向房间内除发送者外的所有客户端广播消息"""ifroom_id notinrooms:returnmsg_str=json.dumps(message)tasks=[]forpid, wsinrooms[room_id].items():ifws!=sender_socket: tasks.append(ws.send(msg_str))iftasks: await asyncio.gather(*tasks,return_exceptions=True)async def main():"""启动 WebSocket 服务器""" print("🚀 五子棋信令服务器已启动，监听端口 3000...")async with websockets.serve(handle_client,"0.0.0.0",3000): await asyncio.Future()# 永久挂起，保持服务器运行if__name__=="__main__":asyncio.run(main())