VUE + DRF前、別の展開ノートの後端
フロントエンドの展開プロセス
ポート - :
vue+nginx的端口 是81
vue向后台发请求,首先发给的是代理服务器,这里模拟是nginx的 9000
drf后台运行在 9005端口上
フロントエンドコードを取得1
wget https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip
フロントエンド・コードをコンパイルする準備ができて2.解凍し、
unzip 07-luffy_project_01.zip
3.次のノードのソース、ビルド環境の設定nodejs
wget https://nodejs.org/download/release/v8.6.0/node-v8.6.0-linux-x64.tar.gz
環境変数の設定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.必要なコードをインストールしたモジュールVUE
进入前端代码的目录,找到package.json文件,里面定义了前端所需要的模块信息
[root@s24_linux 07-luffy_project_01]# pwd
/vuedrfs24/07-luffy_project_01
6. VUE次のように設定ファイルを変更し、データ提出のアドレスを変更します
/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.取り付けモジュールの実行コマンド
# 进入vue源码目录
# 安装vue模块,默认去装package.json的模块内容,如果出现模块安装失败,手动再装
npm install
# 始编译前端代码,生成dist静态文件夹,前端所有代码,都打包编译生成了一个dist
npm run build
8.静的DISTフォルダを生成した後、缶に対処するnginxの投げ
#返回路飞首页的静态文件服务器
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.再起動nginxの
nginx -s reload
バックエンドの展開プロセス
仮想環境を飛ぶ、その後、バックエンドのコードをダウンロードする1.まったく新しい方法
mkvirtualenv s24luffy
バックエンドのコードをダウンロードしてください。2.
wget https://files.cnblogs.com/files/pyyu/luffy_boy.zip
3.モジュールの実行DRF問題を解決するため(最高のモジュールの問題を処理requirements.txtファイルを使用します)
[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
DRF背景を開始する4. uwsgi
- uwsgi.iniファイルを作成し、以下のパラメータを書きます
[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. CRM管理プロセスとルフィとスーパーバイザープロセス管理ツール、
[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.スタートルフィの背景
在学习阶段吧,先干掉所有的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のデータベースには、ショッピングカート機能にアクセスできるようにするために開始する必要があります
1.安装redis
yum install redis -y
2.启动redis
systemctl start redis
3.检查redis是否正常
リストを飛ぶ、そしてカートのデータを買い物に追加する8.アクセス道路のコース