前后端项目部署

Lab07 前后端项目部署 #

实验指南 #

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

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

具体流程 #

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

资源汇总 #

注意事项 #

  • 如果需要在本地运行我提供的 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 地址或链接。