成都网站建设设计

将想法与焦点和您一起共享

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.rpm
yum installmysql-community-server --nogpgcheck

4.启动mysql57并查看启动状态

?
1
2
systemctl start mysqld.service
systemctl 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 pip
python3.8 -m pip install--upgrade setuptools
pip3.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.8
source/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.7
rm-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 installunzip
unzip 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://chengdu.cdxwcx.cn/article/ssec.html