Lab07 前后端项目部署 #

实验指南 #

结合所给的PPT（服务器部署Vue和Django项目.pptx），观看服务器部署视频教程（建议1.5倍速观看，广普口音敬请谅解）。

视频包含完整的服务器部署过程，前端的同学可根据PPT上的视频时间节点信息选择跳过某些片段，当然也可以尝试理解理解，或者略看一下。

具体流程 #

1. 服务器预设置（SSH远程连接、添加用户、配置公钥）
2. 安装远程数据库（可选）
3. 安装Django环境（MiniConda）
4. 配置uWSGI
5. 配置Nginx

资源汇总 #

• 部署全流程： https://blog.zewan.cc/2021/06/24/deploy-django-vue/
• 安装远程数据库： https://blog.zewan.cc/2022/05/02/server-mysql/
• Tmux 教程： https://www.ruanyifeng.com/blog/2019/10/tmux.html
• Miniconda安装教程： https://os.51cto.com/article/636125.html

注意事项 #

• 如果需要在本地运行我提供的 frontend_demo，请记得先 npm install 安装依赖
• 提供的 demo 采用 vue2 + Django v3.2 版本
• 切莫攻击或删除提供的服务器和数据库（我很相信super2021）

本实验中用于教学的服务器不久后将刷机

实验作业 #

本次部署作业为个人作业，非小组作业，要求每人提交一份实验报告。

如果你是你们小组部署网站的成员，且已经部署好了项目，仅需在报告中展示一些重要的服务器配置文件截图，并结合简要的文字说明，最后附上可访问的网站链接。

本次部署作业，要求在自己的服务器或者云平台提供的虚拟机上，完成部署前端或后端任务，感兴趣的同学也可以尝试部署完整的 Web 项目。部署的项目可以使用提供的 frontend_demo 和 backend_demo，也可以使用大作业项目。

实验报告命名要求：前端部署报告.pdf 或者 后端部署报告.pdf 或者 前后端部署报告.pdf

部署前端 #

在服务器或虚拟机上部署前端项目，不要求能与后端正常交互（能实现当然更好）。要求部署的前端页面中含有自己的学号和姓名标识。

实验报告中需包含 Nginx 配置文件内容截图、浏览器通过 IP 访问前端项目的截图等能够证明你成功部署的图片和文字说明，同时需附上可访问的 IP 地址或链接。

部署后端 #

在服务器或虚拟机上部署后端项目。

实验报告中需包含后端运行证明截图（如 Tmux 运行截图、uWSGI 日志截图等）、Nginx 配置文件内容截图、Postman 向服务器 IP 加端口发送请求并成功响应的截图（要求请求信息含自己的学号和姓名标识）等能够证明你成功部署的图片和文字说明，同时需附上可访问的 IP 地址或链接。