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

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

打通前后端

因为前端代码中请求的IP地址不对（是本机的），所以需要更改IP地址为CentOS的。
更改如下：
在src下新建“common”目录，并在目录下新建“consts.ts”：
export const IP = '192.168.23.133:5000'
之后把login.tsx和main.tsx中的所有IP地址都改为：

import {IP} from '@/common/consts'.post(`http://${IP}/user/login`, item)

这样可以减少以后更改IP的麻烦。

解决Ctrl+F5刷新不成功的问题，需要更改配置为哈希路由：
在.umirc.ts中更改路由如下：

export default {npmClient: 'pnpm',history: {type: 'hash'},

重启：

清除浏览器缓存，重新登陆，可以看到能够登录：

注：开发调试阶段不能请求云服务器，要请求自己电脑上的代码：没有及时更新。

智能更换开发阶段IP与发布阶段IP，以防每次都要手动调节：
更改“consts.ts”为：

// 是否为开发阶段
const DEV = process.env.NODE_ENV == 'development'
export const IP = DEV ? '127.0.0.1:5000' : '192.168.23.133:5000'console.log()

此时，云服务器的登录已经打通了：

调用百度AI算法

前面发的文章中“调用算法接口”所用的算法是私人训练出来的，所以自己申请的API Key和Secret Key调用会不成功。
所以推荐大家参加“人工智能引航计划”学习如何基于百度AI训练自己的算法，换接口来完成此项目。
此处演示一个示例：
动物识别：

应用列表：创建应用；
技术文档：查看调用方法。

import requestsif __name__ == '__main__':# 获取access_tokenret = requests.post('https://aip.baidubce.com/oauth/2.0/token', {'grant_type': 'client_credentials','client_id': 'lUISjRskAZGoGBwWip7cAyOf','client_secret': 'sl4E6KZ4D1DmyDgWkYw8Vq8mmYSohmcA'})access_token = ret.json()['access_token']# 调用动物识别接口# https://aip.baidubce.com/rest/2.0/image-classify/v1/animal# access_token：url参数# url：图片的路径（需要增加一个url参数input_type=url）# image：图片数据url_params = '?access_token=' + access_tokenret = requests.post('https://aip.baidubce.com/rest/2.0/image-classify/v1/animal' + url_params, {'url': 'https://img.zcool.cn/community/0129996053050f11013e87f4ea68a6.jpg@1280w_1l_2o_100sh.jpg'}).json()print(ret)

网址图片为：

显示结果比较正确，是柯基。

宝塔

重新登陆查看内网面板地址和密码，需要输入命令：
/etc/init.d/bt default

注：可以直接在宝塔上安装nginx，弊端就是无法指定安装位置。

服务器架构演进

单体架构

单体架构：一台云服务器上部署前端（nginx）、后端（Flask）与数据库（MySQL）。

缺点：

扛不住太大的用户量；
一旦宕机，所有服务都会停止（用户无法访问成功页面）；
资源容易不足。

架构演进

虽然用户的请求会分散在不同的服务器，但如果一百万个用户同时访问网页，则会同时攻击云服务器2，扛不住。

服务器集群

集群：多台主机运行着一样的功能，提供一样的服务。

谁的压力小将请求给谁，但数据库的数据可能不同。
因为用户访问不同的云服务器则无法获取相同的数据，所以数据库的集群需要同步。

分布式

多台主机提供不一样的服务。

将大系统拆分为多个子系统，每个子系统部署到不同的服务器节点，根据子系统的访问情况决定要不要做集群，做多大的集群，这样管理起来比较细，以提高用户的访问质量。