Django before and after the end of the separation project deployment

vue + drf front and rear ends of the separate deployment notes

Front-end deployment process

Port-:

vue+nginx的端口 是81 
vue向后台发请求，首先发给的是代理服务器，这里模拟是nginx的 9000 
drf后台运行在  9005端口上

1. Obtain the front-end code

wget https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip

2. Unzip, ready to compile the front-end code

unzip 07-luffy_project_01.zip

3. The next node source, build environment configuration nodejs

wget https://nodejs.org/download/release/v8.6.0/node-v8.6.0-linux-x64.tar.gz

Configuring environment variables nodejs

tar -zxvf node-v8.6.0-linux-x64.tar.gz
# 加入PATH中
PATH="/opt/python367/bin/:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin:/vuedrfs24/node-v8.6.0-linux-x64/bin"

5. Install the required code modules vue

进入前端代码的目录，找到package.json文件，里面定义了前端所需要的模块信息
[root@s24_linux 07-luffy_project_01]# pwd
/vuedrfs24/07-luffy_project_01

6. vue modify the data submission address, modify the configuration file as follows

/vuedrfs24/07-luffy_project_01/src/restful/api.js 

# 批量替换ip地址信息
sed -i  's/127.0.0.1:8000/192.168.16.85:9000/g'  src/restful/api.js

7. The mounting module execution command

# 进入vue源码目录
# 安装vue模块，默认去装package.json的模块内容，如果出现模块安装失败，手动再装
npm install 
# 始编译前端代码，生成dist静态文件夹，前端所有代码，都打包编译生成了一个dist
npm run build

8. After generating a static dist folder, threw nginx to deal with can

#返回路飞首页的静态文件服务器
server {
    listen 81;
    server_name _;
    #最低级url匹配，所有请求都走到了这里
    location / {
    root  /code/07-luffy_project_01/dist;
    index  index.html;
    }
}

#反向代理虚拟主机，vue的请求转发给drf
server {
listen 9000;
server_name _;
location / {
uwsgi_pass 0.0.0.0:9005;
include uwsgi_params;
}

}

9. Restart nginx

nginx -s reload

Back-end deployment process

1. whole new way to fly a virtual environment, and then download the back-end code

 mkvirtualenv s24luffy

2. Download the back-end code

wget  https://files.cnblogs.com/files/pyyu/luffy_boy.zip

3. solve the problem drf module runs (best to use requirements.txt file processing module issues)

    [root@web02 opt]# cat requirements.txt
    certifi==2018.11.29
    chardet==3.0.4
    crypto==1.4.1
    Django==2.1.4
    django-redis==4.10.0
    django-rest-framework==0.1.0
    djangorestframework==3.9.0
    idna==2.8
    Naked==0.1.31
    pycrypto==2.6.1
    pytz==2018.7
    PyYAML==3.13
    redis==3.0.1
    requests==2.21.0
    shellescape==3.4.1
    urllib3==1.24.1
    uWSGI==2.0.17.1

4. uwsgi to start drf background

Creating uwsgi.ini file, write the following parameters

[uwsgi]

# 填写项目的完整绝对路径，第一层
chdir = /vuedrfs24/luffy_boy

#指定django的wsgi文件路径，填写相对路径
module  = luffy_boy.wsgi  

#填写虚拟环境的绝对路径
home = /root/Envs/s24luffy

master = true

#定义程序的多进程数量的，以cpu核数的2倍+1数量填写   2n+1 数量 
processes = 9

#把uwsgi启动在socket协议上，的8000端口

socket = 0.0.0.0:9005
  
#指定http协议的话，用户是可以直接访问到的，不安全的，因此使用socket协议
#http =0.0.0.0:8000
vacuum = true

5. Use the supervisor process management tools, with crm management processes and Luffy

[program:s24luffy]
command=/root/Envs/s24luffy/bin/uwsgi --ini //luffy_boy/uwsgi.ini    ; 程序启动命令
autostart=true       ; 在supervisord启动的时候也自动启动
stopasgroup=true     ;默认为false,进程被杀死时，是否向这个进程组发送stop信号，包括子进程
killasgroup=true     ;默认为false，向进程组发送kill信号，包括子进程

6. Start Luffy background

在学习阶段吧，先干掉所有的crm和supervisor
pkill -9 uwsgi 
pkill -9 supervisor 

然后重启supervisor
(s24luffy) [root@s24_linux luffy_boy]# supervisord -c /etc/supervisord.conf 
Unlinking stale socket /var/run/supervisor/supervisor.sock
(s24luffy) [root@s24_linux luffy_boy]# 
(s24luffy) [root@s24_linux luffy_boy]# 
(s24luffy) [root@s24_linux luffy_boy]# supervisorctl -c /etc/supervisord.conf 
s24crm                           RUNNING   pid 42172, uptime 0:00:04
s24luffy                         RUNNING   pid 42173, uptime 0:00:04

7. redis database have to start to be able to access the shopping cart functionality

1.安装redis
 yum install redis -y 
 2.启动redis
 systemctl start redis
 
 3.检查redis是否正常

8. Access Road course to fly list, and add shopping cart data