自制预防校园暴力的智能监控系统：远程连接，将前后端部署到CentOS服务器

本文是【小码哥李明杰老师】指导完成的山东大学引航计划公益人工智能科研实训项目。

自制预防校园暴力的智能监控系统

远程连接CentOS

通常使用SSH工具远程连接CentOS，
常用的SSH工具：Xshell、Mobaxterm等。

查看IP地址

可知ip地址为192.168.23.133

Xshell连接CentOS

新建会话：

接受主机密钥：

输入用户名：

输入密码：

连接成功：

CentOS常用命令

• 查看本机IP地址：ip address
• 查看当前所在目录：pwd
• 列出当前目录内的所有文件、文件夹（包括隐藏的）：ls -la
• 普通用户切换为root用户：su
• root用户切换为普通用户：su 用户名
• 强制删除文件\文件夹：rm -rf 文件或文件夹
• 加上超级管理员权限：sudo 命令
• 查看命令所在目录：which 命令
• 赋予文件\文件夹权限：chmod
• 解压：tar -zxvf gzip压缩包

安装常用工具

• Vim：文本编辑工具
  yum -y install vim*

• wget：网络下载工具
  yum -y install wget
  …
  

• 编译器：
  yum -y install gcc pcre-devel openssl openssl-devel

将前端代码部署到CentOS服务器

将前端代码打包

输入pnpm build，将代码都打包到dist目录下：

连接Xftp：

将dist传给CentOS新建的front_end文件夹：

查看是否成功命令如下：

Nginx服务器软件部署前端页面

编译安装Nginx

下载Nginx

下载网址：Nginx

下载稳定版本的中间那个。

将Nginx传输到CentOS

有两种方法：

1. 通过Xftp直接传输：
   

查看是否传输成功：

2. 通过命令执行：
   执行wget https://nginx.org/download/nginx-1.22.0.tar.gz：
   

解压nginx-1.22.0.tar.gz：
tar -zxvf nginx-1.22.0.tar.gz

编译配置Nginx

./configure --prefix=/usr/local/nginx

以生成Makefile文件。
再输入make以进行编译：

执行make install安装：
…

查看是否安装成功：

启动Nginx

进入sbin目录下：cd /usr/local/nginx/sbin，
输入命令./nginx，则启动；
启动不了的话需要先打开端口。

查看端口情况

firewall-cmd --query-port=80/tcp

返回no代表80端口被关闭了。

打开端口

方法：

• 拿到zone名称：
  firewall-cmd --get-active-zones
  

• 打开端口：
  firewall-cmd --zone=public --add-port=80/tcp --permanent
  

• 重启防火墙：
  firewall-cmd --reload
  

• 再次查看端口情况:
  

访问80端口，成功：

可以发现网址没有显示:80，
因为http协议默认端口为80；
而https协议默认端口是443。

访问前端代码

更改配置文件

进入编辑模式：vim nginx.conf

更改“root”：

重新加载配置文件：
进入sbin目录输入./nginx -s reload

访问成功

如果不想访问则将Nginx关掉：

• 安装lsof：yum -y install lsof

  • 根据端口号查看进程id：lsof -ti:80
    

  • 根据进程id杀死进程：kill -9 进程id

• 或根据端口号杀死进程：

  kill -9 `lsof -ti:80`
  

任意目录下启动Ngnix

将nginx所在目录加入到PATH环境变量里面：

• 查看PATH:
  echo $PATH
• 编辑隐藏文件.bash_profile：
  vim ~/.bash_profile
  

• 让文件生效：
  source .bash_profile
  

成功。

搭载Python环境

安装Python

• 下载Python源码：
  wget https://www.python.org/ftp/python/3.10.7/Python-3.10.7.tgz
  

• 解压：
  tar -zxvf Python-3.10.7.tgz

• 配置：
  ./configure --prefix=/usr/local/python --with-openssl=/usr/local/openssl
  

• 编译：make

• 安装：make install

安装Anaconda

可以顺带安装Python的一些常见的第三方工具，会比安装Python少很多坑。

• 下载Linux安装脚本： https://www.anaconda.com/products/distribution

• 通过Xftp传输“Anaconda3-2022.05-Linux-x86_64.sh”：
  

• 执行安装脚本：
  sh Anaconda3-2022.05-Linux-x86_64.sh

  • 设置安装路径为“/usr/local/anaconda”
    

  • 初始化：yes
    

• 进入Python：
  cd /usr/local
ls -l
cd anaconda/
cd bin
./python或./python3
exit()
  

• 任意目录下启动Python3:
  cd /usr/local/anaconda/bin
  修改“.bash_profile”：vim ~/.bash_profile
  

生效：source ~/.bash_profile
将修改删除变回原样，发现仍可任意目录下启动Python3，
这是因为Anaconda改变系统默认环境，覆盖默认系统行为，所以不配也可以。

• 查看Anaconda默认安装内容：
  pip list

将Python部署到CentOS

创建back_end目录：

cd /home/wwh/pro/monitor/
mkdir back_end
cd back_end

传输 app.py

注：若发生错误，则需更改权限chmod 777 back_end：

安装需要的库

pip install flask_cors
pip install pymysql
pip install flask-sqlalchemy
pip install flask

执行 app.py

python app.py
报错：

说明数据库没有安装，需要在CentOS安装数据库。

安装MySQL

安装宝塔面板

为了简化Linux的运维操作，可以考虑安装一些辅助工具，比如宝塔（图形化界面）：
官网：https://www.bt.cn/new/download.html
Linux面板7.9.4安装脚本：
wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

注：内网面板地址：http://192.168.23.133:8888/629354eb；
username: ebv8lahy；password: 3070588f。
即可进入面板：

安装MySQL 8.0

更改root密码：

添加数据库：

开放5000端口号

此时，再次执行 app.py，成功：

问题：前后端没有打通。