Lab07 前后端项目部署 #
实验指南 #
结合所给的PPT(服务器部署Vue和Django项目.pptx),观看服务器部署视频教程(建议1.5倍速观看,广普口音敬请谅解)。
视频包含完整的服务器部署过程,前端的同学可根据PPT上的视频时间节点信息选择跳过某些片段,当然也可以尝试理解理解,或者略看一下。
具体流程 #
- 服务器预设置(SSH远程连接、添加用户、配置公钥)
- 安装远程数据库(可选)
- 安装Django环境(MiniConda)
- 配置uWSGI
- 配置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 地址或链接。