BBBug 部署初尝试-Docker部署lnmp

BBBug 部署初尝试-Docker部署lnmp

April 240 2023-02-02

初始化之前

背景

我不是phper，所以本地也没有php环境，此次尝试部署，是为了学习用Docker --link 编排LNMP， 之前用docker都是单独的使用，并没有用过容器间的通信。

BBBUg技术参考

因为某些原因，部署流程已经没了，只能通过一些手段+极少现成资料作为部署文档。
以下为部署时候的参考资料

官方项目地址：

api：

https://github.com/HammCn/BBBUG-API

web：

https://github.com/HammCn/BBBUG_Frontend

第三方部署教程：

https://blog.fxnws.com/blue/101.html

部署历史快照：

简略版：

https://web.archive.org/web/20210518150755/https://doc.bbbug.com/3097468.html

略详细版：

https://web.archive.org/web/20210623091247/https://doc.bbbug.com/4059335.html

初始化

准备环境

虚拟机

centos7.6 2核2G128G （我喜欢用centos, 但是建议debian，因为容器里面好多都是debian，具体配置自己调整，建议内存1G以上）

ssh 工具

自己喜欢的顺手的即可

初始化ing-虚拟机

换源（非必要）

image
image-1675333871424
搜索你用的系统名称+清华源， 就能出来清华源的官方换源教程

安装基础软件

yum install wget vim git docker -y

# 临时性关闭selinux
setenforce 0

# docker开机自启， 非必要
systemctl enable docker

# 启动docker
systemctl start docker

pull代码

# 创建bbbug，用于docker 文件映射，方便编辑文档
mkdir /root/bbbug
cd /root/bbbug

#拉取api代码
git clone https://github.com/HammCn/BBBUG-API.git

# 拉去前端代码
git clone https://github.com/HammCn/BBBUG_Frontend.git

Docker 之旅开始了

国内源

编辑 /etc/docker/daemon.json （没有就创建）， 内容为

{
 "registry-mirrors" : [
   "https://mirror.ccs.tencentyun.com",
   "http://registry.docker-cn.com",
   "http://docker.mirrors.ustc.edu.cn",
   "http://hub-mirror.c.163.com"
 ]
}

重启docker

systemctl daemon-reload
systemctl restart docker

安装官方文档要求，环境为mysql5.6 + php7.3， redis， nginx版本我随意了。

mysql

docker pull mysql:5.6

docker run -id -p 3307:3306 -e MYSQL_ROOT_PASSWORD=QWE123# --name mysql mysql:5.6

设置密码、容器3306端口映射虚拟机3307端口。

redis

docker pull redis

docker run -id --name redis -p 6379:6379 redis --requirepass "Qwe123@"

php

docker pull php:7.2-fpm
docker run -id -v /root/bbbug/BBBUG-API:/var/www/html/api -v /root/bbbug/BBBUG_Frontend:/var/www/html/web -p 9000:9000 -p 9001:9001 --link mysql:mysql  --link redis:redis --name php php:7.2-fpm

/root/bbbug,里面是api以及web的源码，映射到容器内，方便编辑
9000端口为php web服务端口，
9001预计为websocket端口，（建议用官方的10011端口！！！！）
–link， 把mysql， redis连接到php中，–link 冒号前面为容器名称，后面为link链接的别名。

php容器操作

 docker exec -it php bash

换源以及安装必要软件

echo deb https://mirrors.tuna.tsinghua.edu.cn/debian/ buster main contrib non-free > /etc/apt/sources.list
echo deb https://mirrors.tuna.tsinghua.edu.cn/debian/ buster-updates main contrib non-free >> /etc/apt/sources.list
echo deb https://mirrors.tuna.tsinghua.edu.cn/debian/ buster-backports main contrib non-free >> /etc/apt/sources.list
echo deb https://mirrors.tuna.tsinghua.edu.cn/debian-security buster/updates main contrib non-free >> /etc/apt/sources.list
apt update
apt install -y libwebp-dev libjpeg-dev libpng-dev libfreetype6-dev unzip wget vim

安装node

为了编译前端代码，也可以送yarn编译，我用npm，自己拿捏就行

apt install nodejs npm -y

npm install nodejs-websocket

mysql驱动

docker-php-ext-install pdo_mysql
php -m

安装composer

curl -sS https://getcomposer.org/installer | php

mv composer.phar /usr/local/bin/composer
chmod -R 777 /usr/local/bin/composer
composer -v

composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/

安装gd

#解压源码
docker-php-source extract 

#gd源码文件夹
cd /usr/src/php/ext/gd  

docker-php-ext-configure gd --with-webp-dir=/usr/include/webp --with-jpeg-dir=/usr/include --with-png-dir=/usr/include --with-freetype-dir=/usr/include/freetype2

docker-php-ext-install gd

php -m | grep gd
exit

重启容器， 并继续进入容器操作

docker restart php &&  docker exec -it php bash

redis驱动

pecl install redis

#php --ini 查找ini
echo extension=redis.so >> /usr/local/etc/php/conf.d/docker-php-ext-gd.ini

image-1676128304837

把redis.so 添加到php.ini中, 因为我用find未找到php.ini, 所以复制php.ini-development为php.ini

cd /usr/local/etc/php
cp php.ini-development php.ini
echo extension=redis.so >> php.ini

# /usr/local/sbin/php-fpm -y  /usr/local/etc/php-fpm.conf /usr/local/etc/php/php.ini

安装php的包

 cd /var/www/html/api/
 composer install

提示redis拒绝
image-1676128957273
修改redis密码

vim config/cache.php

image-1676128997646
注意：

  1. host就写启动时候–link redis后面的名字
    image-1676129063409
  2. 端口就写redis内的端口，不要写-p映射出来端口，我一开始在这里犯了错误，我映射了一个3678出来，导致我连不上去， 排除了好久，才想到应该映射容器内端口，我的猪脑子啊！！！
  3. 密码请填写redis容器设置的密码，建议设置，不设置非常不安全！我已经听闻身边小伙伴几个经历了，在公网上redis不设密码，被挂🐎挖矿的了。redis一定要做好安全防范！！！
    在执行安装php包， 就行了！
    image-1676129296741
    修改mysql链接
mv .example.env .env
vim .env

image-1676129447061

  1. 建议把APP_DEBUG 打开， 方便调试输出信息，可以快速定位问题。
  2. HOSTNAME 的写法和redis的一样， 填写mysql的link的名字
  3. DATABASE就是数据库名称， 我这叫BBBUG
  4. 用户名和密码，请安装启动mysql的时候设置填写

导入数据库

由于我实在是不想安装mysql客户端了，我本机也有mysql的图形化软件，我这一步就直接图形化软件搞了，我用的是这个小松鼠， 哎，我司不让用商业未付费的软件～
image-1676130016747
自己看图吧

image-1676130134352
image-1676130283815
如果是第一次用，需要下载一个mysql的驱动
image-1676130293189
测试没问题，保存即可
新建数据库， 这里我数据库名字打错了，到后面才发现。尴尬😅
image-1676130387936
image-1676130414002

  1. 名称需要和代码里相对应上
  2. 字符集，我习惯性用UTF8
    导入数据
    image-1676130495631
    image-1676130532698
    数据库在git项目里有， 叫“Database.sql”，我本地有这个项目。所以你看到这一步的时候，要骂娘了，因为你本地没有，代码在虚拟机里。😂
    点击开始，就可以了。
    库长这个样子
    image-1676130681480

点击sa_user,并新增一条数据
image-1676130856541
image-1676130937646

  1. id自增，填写个2就行
  2. user_account字段你自己想填写什么就填写什么
  3. user_password: e0b6095d0031ebb66cffcda34157c26b1c4074ec
  4. user_salt: qwer
  5. 密码的明文是123456， 盐是qwer。 我不知道[email protected]的默认密码，只能自己搞一个密码出来了。eee… 默认用户的默认密码应该是123456（我猜的）

退出容器
php到此先结束，开始玩玩nginx

nginx

mkdir /root/bbbug/conf
touch /root/bbbug/conf/default.conf
vim /root/bbbug/conf/default.conf

# default.conf代码如下
server {
    listen       80;
    server_name  localhost;
    client_max_body_size 1024m;
    location / {
       if (!-e $request_filename) {
           rewrite ^(.*)$ /index.php?s=$1 last; 
           break;
       }
    }

    error_page  404              /404.html;

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

    location ~ \.php$ {
        root           /var/www/html/api/public;
        fastcgi_pass   php:9000;
        fastcgi_index  index.php;
        fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
        include        fastcgi_params;
    }
}

image-1676132065537

docker pull nginx:1.10.3
docker run -d -p 8848:80 -v /root/bbbug/conf:/etc/nginx/conf.d --link php:php --name nginx nginx:1.10.3

启动之后，浏览器打开"虚拟机IP:8848"
image-1676133272195

image-1676133554973

配置conf表

image-1676133679123

再次访问/api
image-1676133709664

本地nginx

yum install -y epel-release
yum -y update
yum install -y nginx

systemctl enable nginx
systemctl start nginx
# 先关闭防火墙，后续需要放行80即可
systemctl stop firewalld

vim /etc/nginx/nginx.conf
# 代码如下
location / {
        root  /web/;
        try_files $uri $uri/ /index.html;
        index index.html;
}
location /bbbug_api/ {
        proxy_pass http://127.0.0.1:8848/;
}

image-1676138801562

  1. /路径指向本地/web
  2. /bbbug_api指向本地的8848端口，即php api， 避免同源问题

验证一下nginx配置文件是否正确
image-1676135277797

nginx 重新加载配置已经启动

nginx -s reload

前端代码

docker exec -it php bash
cd web/

# 安装npm包，第一次需要，后续可以省略了
npm install 

vim src/main.js
# 修改apiURL、staticURL、wssURL
# apiURL、staticURL， 对应nginx中的bbbug_api
# wssURL， 对应nginx中的php容器的9001websocket服务

image-1676138737488

编译文件

npm run build

会生成一个dist文件夹
image-1676134541004
退出容器，因为文件是映射的，dist在虚拟机中的位置： /root/bbbug/BBBUG_Frontend/dist
移动到nginx web指定的路径

mv /root/bbbug/BBBUG_Frontend/dist /web

问题

image-1676136765690
image-1676136791441
静态资源无法加载！！！！！！
我到现在也没明白，谁叫我不是phper呢。
我的暂时解决方法就是把静态资源文件传到了CDN上面。

web搞定

浏览器查看一下
image-1676137149669

image-1676137221711

登录一下

image-1676137273814
登录成功！
image-1676137293693

websocket

docker exec -it php bash
cd /var/www/html/api
npm add nodejs-websocket
vim websocket_bbbug_chat.js
# 修改一下端口，这里又是我蠢了，一开始我居然是预留了9001作为websocket的端口，和项目的不一样，失策失策。

image-1676139294549

运行websocket

node websocket_bbbug_chat.js

image-1676139052078

找个websocket在线网站测试一下， OK的！
image-1676139153285

项目跑一边， 呃呃。。。服了
image-1676139410077

歌曲同步

接下来回到BBBUG_API目录中，启动两个命令：

php think Song
php think Download

我们推荐用Supervisord守护一下这两个进程，避免频繁挂掉。

这一步我做了，但是好像不对，两个服务我都启动了，但是搜索依旧失败
image-1676139688643

总结

我是用来练习docker link的， 目前不建议部署，耗费心血啊！！！
头都秃了。部分问题，我实在搞不清楚了，我也不会php啊，所以就这样吧

PHP Docker LNMP BBBug