django项目、vue项目部署云服务器的详细过程
目录
- 上线架构图
- 服务器购买与远程连接
- 安装git
- 安装mysql
- 安装redis(源码安装)
- 安装python3.8(源码安装)
- 安装uwsgi
- 安装虚拟环境
- 安装nginx(源码安装)
- vue项目部署
- django项目部署
- 项目依赖安装
- 数据库配置
- 使用uwsgi启动django
- 后端样式处理
上线架构图
服务器购买与远程连接
服务器可以在阿里云控制台首页 (aliyun.com)、登录 - 腾讯云 (tencent.com)购买。
这里我选择购买阿里云的云服务器ECS，购买时按自己需求，镜像这里选择CentOS 7.9
购买完成后，会拿到一个公网ip
选择远程连接工具，有很多种，Xshell、FinalShell等。
这里选择FinalShell，下载：FinalShell (hostbuf.com)
打开，连接。
连接的密码如果不知道或忘记了
安装git
安装git可以方便我们从直接从远程仓库拉取项目，当然，也可以不安装。
安装git
1 | yum installgit -y |
创建文件夹放项目
1 | mkdir/home/projectcd/home/project |
克隆
1 | git clone https://gitee.com/.... |
安装mysql
包含了很多开发的工具
1 | yum -y groupinstall "Development tools" |
各种依赖
1 | yum installopenssl-devel bzip2-devel expat-devel gdbm-devel readline-devel sqlite-devel psmisc libffi-devel |
1.前往用户根目录
1 | cd~ |
2.下载mysql57
1 | wget http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm |
3.安装mysql57
1 2 | yum -y installmysql57-community-release-el7-10.noarch.rpmyum installmysql-community-server --nogpgcheck |
4.启动mysql57并查看启动状态
1 2 | systemctl start mysqld.servicesystemctl status mysqld.service |
5.查看默认密码并登录
1 | grep"password"/var/log/mysqld.log |
1 | mysql -uroot -p |
6.修改密码(密码强度有要求，需要大小写字母、数字、符号)
1 | ALTERUSER'root'@'localhost'IDENTIFIED BY'Qq332525..'; |
安装redis(源码安装)
1.前往用户根目录
1 | cd~ |
2.下载redis-5.0.5（源码包）
1 | wget http://download.redis.io/releases/redis-5.0.5.tar.gz |
3.解压安装包
1 | tar-xf redis-5.0.5.tar.gz |
4.进入目标文件
1 | cdredis-5.0.5 |
5.编译环境
1 | make |
6.复制环境到指定路径完成安装
1 | cp-r /root/redis-5.0.5 /usr/local/redis |
7.配置redis可以后台启动：修改下方内容
1 | vim /usr/local/redis/redis.conf |
添加：成都服务器托管
1 | daemonize yes |
8.建立软连接(环境变量)
1 | ln-s /usr/local/redis/src/redis-server/usr/bin/redis-server |
1 | ln-s /usr/local/redis/src/redis-cli/usr/bin/redis-cli |
9.后台运行redis
1 | cd/usr/local/redisredis-server./redis.conf & |
10.测试redis环境
1 | redis-cli |
1 | # 退出exit |
11.如果想要关闭redis服务
1 2 3 4 | # 方式一客户端连进去，敲 shutdown# 方式二pkill -f redis -9 |
安装python3.8(源码安装)
阿里云的centos默认装了python3.6和2.7，如果没有硬性要求，可以直接跳过安装python3.8。
各种依赖
1 | yum installopenssl-devel bzip2-devel expat-devel gdbm-devel readline-devel sqlite-devel psmisc libffi-devel zlib* libffi-devel -y |
1.前往用户根目录
1 | cd~ |
2.下载Python3.8.6
1 | wget https://registry.npmmirror.com/-/binary/python/3.8.6/Python-3.8.6.tgz |
3.解压安装包
1 | tar-xf Python-3.8.6.tgz |
4.进入目标文件
1 | cdPython-3.8.6 |
5.把python3.8.6 编译安装到/usr/local/python38路径下
1 | ./configure--prefix=/usr/local/python38 |
6.编译并安装，如果报错，说明缺开头的哪些依赖
1 | make&& makeinstall |
7.建立软连接(环境变量)
1 | ln-s /usr/local/python38/bin/python3/usr/bin/python3.8 |
1 | ln-s /usr/local/python38/bin/pip3/usr/bin/pip3.8 |
目前云服务器各版本python环境
1 2 3 | python pip 2.7版本的命令python3 pip3 3.6版本的命令python3.8 pip3.8 3.8版本的命令 |
安装uwsgi
uwsgi是符合wsgi协议的web服务器，使用c写的性能高，上线要使用uwsgi。
安装uwsgi，注意用你后面要用的python版本安装
1 | pip3.8 installuwsgi |
建立软连接
1 | ln-s /usr/local/python38/bin/uwsgi/usr/bin/uwsgi |
安装虚拟环境
1.安装虚拟环境
1 | pip3.8 installvirtualenv |
更新pip
1 2 3 | python3.8 -m pip install--upgrade pippython3.8 -m pip install--upgrade setuptoolspip3.8 installpbr |
1 | pip3.8 installvirtualenvwrapper |
2.建立虚拟环境软连接(环境变量)
1 | ln-s /usr/local/python38/bin/virtualenv/usr/bin/virtualenv |
3.配置虚拟环境：成都服务器托管
1 | vim ~/.bash_profile |
填入下方内容，注意python版本用的是哪个
1 2 | VIRTUALENVWRAPPER_PYTHON=/usr/bin/python3.8source/usr/local/python38/bin/virtualenvwrapper.sh |
4.更新配置文件内容
1 | source~/.bash_profile |
5.创建虚拟环境
1 | mkvirtualenv -p python3.8 xx |
退出
1 | deactivate |
安装nginx(源码安装)
1.前往用户根目录
1 | cd~ |
2.下载nginx1.13.7
1 | wget http://nginx.org/download/nginx-1.13.7.tar.gz |
3.解压安装包
1 | tar-xf nginx-1.13.7.tar.gz |
4.进入目标文件
1 | cdnginx-1.13.7 |
5.配置安装路径：/usr/local/nginx
1 | ./configure--prefix=/usr/local/nginx |
6.编译并安装
1 | make&& makeinstall |
7.建立软连接
1 | ln-s /usr/local/nginx/sbin/nginx/usr/bin/nginx |
8.删除安装包与文件
1 2 3 | cd~rm-rf nginx-1.13.7rm-rf nginx-1.13.7.tar.xz |
9.测试Nginx环境，服务器运行nginx，本地访问服务器ip
1 2 3 4 | # 启动 nginx# 停止nginx -s stop |
这个命令查看nginx是否在运行着
1 | netstat-nlp | grep80 |
然后访问
1 | 服务器公网ip:80 |
如果无法访问，说明云服务器安全组中没有添加80端口
vue项目部署
1.修改前端向后端发ajax请求的地址，以前都是向127.0.0.1发送请求，现在可以改成服务器地址了
2.编译vue项目成html，css，js
1 | npm run build |
3.项目根路径下会生成dist文件夹(编译过后的文件)，本地压缩成zip(不要压成rar)
4.在服务器安装软件
1 | yum installlrzsz |
5.云服务器敲 rz，选择dist.zip上传
6.安装解压软件，解压文件
1 2 | yum installunzipunzip dist.zip |
7.移动解压后的dist.zip，并重命名
1 | mv~/dist/home/html |
8.去到Nginx配置目录
1 | cd/usr/local/nginx/conf |
9.备份Nginx配置文件
1 | mvnginx.conf nginx.conf.bak |
10.打开配置文件，添加内容
1 | vim nginx.conf |
内容
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | events {worker_connections 1024;}http {include mime.types;default_type application/octet-stream;sendfile on;server {listen 80;server_name 127.0.0.1;# 可以改为自己的域名charset utf-8;location / {root /home/html;# html访问路径http://mswzjz.cn/article/ssec.html
|