俗话说:人生在于折腾,开搞。

第一步,需要一个环境,我计划搞个centos,使用宝塔面板,鉴于篇幅,另开文章。

安装CentOS 7

添加CentOS 7

然后开始搞。

安装宝塔

首先装个宝塔面板,能省不少事。

随便找个位置输入命令,命令来源

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

然后宝塔就跑起来了

下面开搞,根据官网教程来。

部署API

要求如下:

开始装软件

最后一个没听过,等会用到的时候再说。

这个看起来就是创建个网站,然后把他的文件下载下来。

咱们先创建一个网站。

然后打开目录,拉取文件。

git clone https://gitee.com/bbbug_com/ChatAPI.git

因为下载下来的是文件夹,然后给所有文件移动到当前目录。

然后指向public

再配置伪静态

然后导入数据库。

然后修改数据库

提示没有phpmysqdmin,就装一个。

然后修改.example.env名字为.env,并修改其中的内容

然后在站点根目录下执行composer install安装必要的依赖文件

出问题了,第一步的composer没有安装。

网站这里有,点一下升级试试看。

升级完成有版本号了,点击执行。

应该是没问题了吧。

如果不出意外的话,可以访问,试一下。

虽然没有跳到官网, 但是可以访问,应该是没问题。

然后配置跨域。

点击网站->配置文件加入跨域。

add_header Access-Control-Allow-Origin '*';
    add_header Access-Control-Allow-Methods 'GET,POST';
    add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';

然后下载Supervisor,进行守护。

然后api就完了,下一步教程。

部署websocket

修改文件,现在文件名字变了,应该是新的文件了。

后来出问题,发现这里虽然有http但是仅支持https,由于我不实用https,所以这里修改一下代码,改成仅支持http

将https.get修改为http.get,一共三处。据说这个是v1版本,并且不再维护,所以可能不会再有修改了。

然后安装nodejs

先安装PM2

然后执行 node websocket_bbbug_chat.js

这。。。

那先跳过,打开PM2添加项目看看。

果然是教程中说的, 缺少nodejs-websocket

直接在PM2中装一下

结果还是启动失败

不过这个目录好像跟我设置的不一样啊

删除重新添加一下,还是报错缺少模块,换个地方重新安装一下试试看。

还是一样。

想使用npm发现也没有npm命令,切换一下版本试试看吧,不行就再换一个吧。

还是不行,网上查了了一下,说重新打开终端就好了,试了一下果然可以了。。。。

应该是没问题的。

删除项目,重新添加试试看。

果然好了。

部署最后的前端部分

再次新建一个网站

同样的拉取代码

git clone https://gitee.com/bbbug_com/ChatWEB.git

然后同样的,将文件移动到根目录。

然后修改src/main.js

上传音乐路径不知道怎么修改,先放着吧。

执行npm run build

npm run build

提示没有就装一个

npm install rimraf --save-dev

这啥情况,装了1000多个包

不管他,继续 npm run build

成功了。

然后将dist目录部署为你的实际访问站点地址

访问以下试试看。

提示连不上,是不是端口问题。

放行一下。

果然好了,一打开就开始放歌了。

下面登录一下试试看。

消息貌似发不了。

查看错误日志,说打开文件失败,应该没关系吧。

找到一个,复制过去,看看有没有用。。。

没有报错,但是仍然无法发送消息。

可以看到访问日志,说明网络没问题,看看代码去。

查代码,发现是调用了一个微信小程序,来验证数据,由于没有配置微信小程序, 所以导致判断失败。

所以这里先注掉。

果然可以了

成果

跳转音乐聊天室


一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。