# 宝塔面板搭建网页聊天室

**URL:** <https://forum.rainyun.com/t/topic/4754>\
**Category:** 虚拟主机 RVH\
**Created:** [2023 年7 月 7 日 15:25 UTC](https://forum.rainyun.com/t/topic/4754 "2023-07-07T15:25:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

作者： ![w1432915895](https://forum.rainyun.com/user_avatar/forum.rainyun.com/w1432915895/32/1352_2.png) [@w1432915895](https://forum.rainyun.com/u/w1432915895)\
发布日期： [2023 年7 月 7 日 15:25 UTC](https://forum.rainyun.com/t/topic/4754/1 "2023-07-07T15:25:05Z")

</div>

搭建自己的网页聊天室，之前具体像这样

 ![room](https://forum.rainyun.com/uploads/default/original/2X/0/03e1ffae8c8b1eeff285dc33472eeae34fdf40cd.png)  
这可是承载了我满满的回忆呢！  
那废话不多说，正文  
首先你还需要检查一下你搭建聊天室的要求

1. 宝塔面板的 云服务器/虚拟主机_1 1核1G起起步，内存得200MB起步（地区建议漂亮国，因为下载速度会快一些）  
2.独立IP_ 1 (若没有独立IP，那你参考雨云的端口映射)  
3.域名_1，DNS提供商_ 1  
4.SSL证书\*1 （可选）  
（  
没有服务器的话， [雨云 - 新一代云服务提供商](https://www.rainyun.com/Caiji_) 购买，有优惠  
没有域名的话， [https://www.vpsor.cn/](https://www.vpsor.cn/) 9块钱一年的域名，我都在用  
没有DNS提供商的话，阿里云，SSL与DNS免费，可惜SSL一年20个  
SSL也可以使用雨云的，也说不错  
）

————————————————正文————————————————

1. 首先，咱得吧源文件给下载了  
如果你是计算机操作的话，可以在我的文件分享站下载，会快一点

```auto
https://file.caijiblog.top/#s/9b5-lRuA

```

当然，你也可以这样  
新开一个文件夹（我是www/wwwroot/chats/）,dak这个路径（下文称其为聊天室文件路径）

 ![terminal](https://forum.rainyun.com/uploads/default/original/2X/f/f9967292c28db5f19ff6ed95e5c65c03289f6e13.png)  
打开终端，然后键入以下指令（当然，你也可以选择复制粘贴）

```auto
wget http://154.40.59.6:8889/down/z8QKAw3mIola.zip

```

等待下载完毕

 ![down](https://forum.rainyun.com/uploads/default/original/2X/3/34a05b71c2a31f8395c91efa328d47b1866c5b3b.png)  
(在自己共享的服务器下载自己盘内的文件…我想吐槽)  
2.双击压缩包，解压(这个不用放图吧，应该人人都会吧…)  
3.解压完毕后，打开文件夹，将里面的文件，剪贴出来，到你聊天室文件夹根目录

> **比如**
>
> 解压完毕后，文件在www/wwwroot/chats/chat-room-master里，将里面的所有文件全选，剪切  
> 然后回到www/wwwroot/chats/里，将其粘贴，将刚刚的chat-room-master空文件夹删掉（看着糟心）

4.来到网站页面，开一个新网站

 ![wen](https://forum.rainyun.com/uploads/default/original/2X/b/b285d131d421346cf0e2a74bc9a0dda0d3684247.png)  
不建立数据库的原因一会再说  
5.打开我们的软件商店,找到我们的Node系列（Node.js版本管理器与PM2管理器）  
打开node.js版本管理器  
 ![nodejs](https://forum.rainyun.com/uploads/default/original/2X/a/a043127d3473d0308400cd1985918c492b856857.png)  
下载Node.js 14.20.1（其他版本不行，报错）  
A:我提前吧Node.js下了，你们应该显示的下载，你们下载了吧  
然后吧上面的命令行版本换成14.20.1  
然后打开PM2管理器，切换到node版本  
将上面的版本换成14.20.1  
 ![pm2](https://forum.rainyun.com/uploads/default/original/2X/0/050ee32a41b0d92678bcf1121fdcf1c159d0bf01.png)  
坐和放宽，这需要一些时间（1分钟左右吧）  
然后打开项目列表，添加项目  
 ![12](https://forum.rainyun.com/uploads/default/original/2X/8/816a045b5ea68fe7c1ac71656645e2c1747c2045.png)  
运行文件是你聊天室根目录的index.js文件  
 ![js](https://forum.rainyun.com/uploads/default/original/2X/7/7f79539fb89de0c97c028d140d6018a81a3e235f.png)  
然后内存上限为256MB(为了防止刷屏，因为平时的话连100MB都不到)  
ok，运行即可

嗯？  
好像有点问题:(  
好吧好吧，忘了数据库了  
打开软件商店，搜索mongdb，下载（我这里也是，下载完了，你得下载）

 ![1](https://forum.rainyun.com/uploads/default/original/2X/b/bad1373f7540e6e0fe46b773d5d1d9d16e68b004.png)  
然后设置，打开数据库  
最后更改配置文件，打开你聊天室目录，打开config.yml  
 ![config](https://forum.rainyun.com/uploads/default/original/2X/8/88ad8dd7f85b7ca84adeb911e0b92a569fa71167.png)  
复制粘贴我的吧，你得改一下端口，将XXXX改为你想要的端口

```auto
app:
  port: XXXX

db:
  type: mongodb # sqlite or mongodb or firebase

```

然后打开安全，按照以下步骤做

 ![se](https://forum.rainyun.com/uploads/default/original/2X/9/903bf65600a7315276c8977f6f212fba11c67538.png)  
记得保存  
然后打开你的聊天室网址，它的格式应该是这样的(chat.example.xxx是你之前建立网站的url，xxxx为你的端口号,XXXX是你自定义的聊天室名称，英文和数字都行)

```auto
https://chat.example.xxx":xxxx/room/@XXXX

```

具体应该是这样的

 ![example.PNG](https://forum.rainyun.com/uploads/default/original/2X/d/da18addbe814b6d169f243c1187d968c28f96672.jpeg)  
要是这样的话，恭喜您，你成功了，开香槟去吧  
（原来图片格式必须是png啊，我还以为是通用格式jpg呢）