项目部署Vue+Django(luffy)

时间  2019-12-12
标签 项目 部署 vue+django vue django luffy 栏目 Python 繁體版
原文   原文链接

部署路飞学城

 部署总体框架图:

 

 

1 熟悉linux操做

2 上传路飞学城项目到linux服务器

xftp上传到服务器html

lrzsz工具前端

 

3 完成python3解释器的安装

在linux命令行模式下， 输入python3，可以正常进入python3的解释器vue

4 完成virtualenvwrapper工具的配置，解决虚拟环境问题

1 安装虚拟环境virtualenvnode

2 安装virtualenvwrapper工具python

3 确认virtualenvwrapper.sh脚本正常使用mysql

4 确认用户环境变量配置文件，有virtualenvwrapper.sh的四行配置linux

WORKON_HOME=~/Envs
VIRTUALENVWRAPPER_VIRTUALENV_ARGS='--no-site-packages'
VIRTUALENVWRAPPER_PYTHON=/opt/python36/bin/python3
source /opt/python36/bin/virtualenvwrapper.sh

 

5 建立路飞学城专用虚拟环境nginx

luffy_city_env

6 上传requirements.txt面试

关于requirements.txt的一些操做redis

生成requirements.txt文件

　　pip freeze > requirements.txt


安装requirements.txt依赖

　　pip install -r requirements.txt

 

7 安装路飞学城项目所须要的全部模块

 

5 完成centos7下安装配置mariadb数据库，且建立数据库数据，迁移导入路飞学城数据

#centos7底下，mariadb就是mysql数据库，只是包名的不一样 ​ #启动mariadb服务端 ​ #使用客户端去连接mysql服务端

1 导出数据库数据

有两种方法
第一种:
mysqldump -u root -p --all-databases >  luffy_city.sql

 


第二种:
直接从navicat导出数据库的数据
   (1) 先从navicat导出数据库数据，导出为luffycity.sql
   (2) 将luffycity.sql上传到服务器的/opt目录下
   (3) 在服务器上进入mysql,而后建立数据库luffycity
   (4) 进入数据库luffycity
   (5) 使用命令source luffycity.sql导入luffycity.sql数据
   (6) 使用show tables命令查看数据是否成功导入

2 使用mysql -uroot -p 在linux上登录mariadb

3 刷新受权表

出路飞学城项目的数据库, 容许root用户远程登陆

# 容许root用户远程登陆，而且给予全部数据库全部表的全部权限
grant all privileges on *.* to root@'%' identified by 'nihao123';
flush privileges;

 

4 上传这个数据文件到linux数据库中

linux的mysql，导入这个数据文件

(1) 进入mysql
    mysql -u root -p
(2) 进入数据库
    use luffycity
(3) 导入数据
    source /opt/luffycity.sql

 

注意1，linux的数据库，须要对root用户设置远程连接的权限, 密码是nihao123
注意2，SELinux和linux的防火墙要给关闭，不然windows去连接linux的3306端口可能被拒绝
注意3: 第4步必定要确认OK以后才能继续往下操做

 

6 测试使用linux的python解释器去运行项目 切换到 项目中运行(注意要解决解释器的模块问题，才能正常运转项目)

(1) 先修改路飞学城项目的settings.py文件

ALLOW_HOSTS=["*"]
数据库链接配置
注意: mariadb就是mysql,这里的ENGINE不用修改
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        "HOST": "127.0.0.1",
        "PORT": 3306,
        "USER": "root",
        "PASSWORD": "nihao123",
        "NAME": "luffycity",
    }
}
​

 

(2) 使用命令把django跑起来

python3 manage.py runserver 0.0.0.0:8000

 

 

7 完成uWSGI命令学习，使用uWSGI启动路飞学城，支持多进程

1 安装uwsgi

(1) 进入luffy_city_env虚拟环境
    workon luffy_city_env
(2) 安装uwsgi
    pip3 install uwsgi

 

2 uwsgi 启动测试文件

(1) 建立一个testqishi2.py
(2) 写入如下几行代码
def application(env, start_response):
    start_response('200 OK', [('Content-Type','text/html')])
    return [b"Hello World"] # python3
(3) 经过uwsgi命令将测试文件跑起来
uwsgi --http :9000 --wsgi-file testqishi2.py
(4) 测试经过IP+端口访问
http://192.168.12.60:9000

 

3 uwsgi启动django项目
uwsgi --http :9000 --module luffy.wsgi

 

4 uwsgi热加载启动
注意: 之后面试可能会问到, uwsgi是否支持热加载启动
注意: 之后面试可能会问到, uwsgi是否支持热加载启动
uwsgi --http :9000 --module luffy.wsgi --py-autoreload=1

 

5 使用uwsgi配置文件启动django项目 
(1) 建立一个配置文件uwsgi.ini(注意，这个配置文件无论放在哪里均可以，可是启动的时候，须要找到这个配置文件)
(2) 写入如下配置
[uwsgi]
​
chdir           = /opt/luffy_city/luffy
module          = luffy.wsgi
home            = /root/Envs/luffy_city_env
master          = true
processes       = 1
socket          = 0.0.0.0:8000
http            = 0.0.0.0:8000
vacuum          = true

​
(3) 经过指定uwsgi.ini配置文件把django跑起来
uwsgi uwsgi.ini

 

 
6 uwsgi.ini配置详解
[uwsgi]
# Django-related settings
# the base directory (full path)
# 写上项目的绝对路径
chdir           = /opt/book_manage
# Django's wsgi file
# 填写找到django的wsgi文件，填写相对路径，以chdir参数为相对路径
module          = book_manage.wsgi
# the virtualenv (full path)
# 填写虚拟环境的绝对路径
home            = /root/Envs/book_manage_env/
# process-related settings
# master
#启动uwsgi主进程
master          = true
# maximum number of worker processes
processes       = 1
# the socket (use the full path to be safe
#若是你使用了nginx，作反向代理，必须填写socket连接，而不是http参数
socket          = 0.0.0.0:8000
#若是你不用nginx，直接使用uwsgi，运行一个http服务端，就用这个http参数
http = 0.0.0.0:8000
# ... with appropriate permissions - may be needed
# chmod-socket    = 664
# clear environment on exit
vacuum          = true

 

注意: socket和http参数二选一，必定要注意!!!!!!!!!!!!!!!!!!

注意: socket和http参数二选一，必定要注意!!!!!!!!!!!!!!!!!!

注意: socket和http参数二选一，必定要注意!!!!!!!!!!!!!!!!!!

因为uwsgi 不支持处理静态文件，因此，咱们须要配置nginx与uwsgi结合，经过nginx来处理静态文件

8 完成nginx的安装配置，了解nginx.conf如何配置

1 收集静态文件

(1) 修改settings.py配置文件， 加入如下一行配置

STATIC_ROOT='/opt/luffy_city/static'

 

(2) 建立静态文件存放目录/opt/luffy_city/static

mkdir -p /opt/luffy_city/static

 

(3) 一条命令收集django项目下面的全部静态文件

python3 manage.py collectstatic

 

看到这个信息说明已经成功收集

 

2 配置nginx结合uwsgi进行转发

（1）在nginx.conf配置文件下添加如下配置文件

location / {
            include  /opt/nginx112/conf/uwsgi_params;
            uwsgi_pass 0.0.0.0:9000;
        }

 

(2) 将uwsgi.ini配置文件里面的http注释掉，启用socket

socket          = 0.0.0.0:9000   # 启用此行
# http            = 0.0.0.0:9000  # 停用此行

 

(3) 在nginx.conf中添加静态文件地址

location /static {
            alias /opt/luffy_city/static;
        }

 

(4) 平滑重启nginx

/opt/nginx112/sbin/nginx -s reload

若出现pid错误,则是由于没有启动nginx
须要启动
    /opt/nginx112/sbin/nginx

 

(5) 在物理机上添加hosts

192.168.12.56    www.qishi2.com

 

9 验证全部流程是否正常

1 验证域名是否正常访问

2 验证静态文件是否正常显示

3 验证数据库是否链接正常

4 验证redis数据库是否链接正常

5 验证uwsgi是否正常启动

 

10 安装node , 配置vue前端

(1) 下载安装node软件包

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

 

(2) 解压缩

tar -zxvf node-v8.6.0-linux-x64.tar.gz

 

(3) 添加环境变量

进入编辑环境变量设置文件
    vim /etc/profile
添加node的环境变量
  PATH=/opt/node-v8.6.0-linux-x64/bin:/opt/python36/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin

 

(4) 将vue项目里面的全部127.0.0.1和全部的localhost所有改成咱们的服务器地址192.168.12.56

注意: 此步很是重要, 讲师机上面的vue项目里面，这个IP没有建立全局变量，致使127.0.0.1和localhost分布在不少个文件中，因此须要一个一个替换

(5) 进入到vue前端的项目目录, 使用npm run build生成dist项目静态文件

cd /opt/luffy_city/luffy_pc
npm run build
 

(6) 在luffy_pc目录下就能够看到dist文件夹,dist中生成一个indx.html,到时让nginx指向这个index.html便可

/opt/luffy_city/luffy_pc/dist

(7) 以后只要在/opt/nginx112/conf/nginx.conf

配置:

server {
　　　　 #用户访问域名或者ip，默认是nginx的80端口

        listen       80;
        server_name  192.168.119.12;
　　　　 #url匹配  /   也就是请求地址是192.168.119.12时，进入此location，返回vue的dist下index.html路飞学城首页
        location / {
        root /opt/07-luffy_project_01/dist;   #index.html文件的位置
        index index.html;
        }
    }

 

11 supervisor守护进程工具

1 安装supervisor

因为supervisor在python3下没法使用，所以只能用python2去下载！！！！！！

因为supervisor在python3下没法使用，所以只能用python2去下载！！！！！！

因为supervisor在python3下没法使用，所以只能用python2去下载！！！！！！

# 注意此时已经退出虚拟环境了！！！！！
easy_install supervisor
​
# 若是没有easy_install的话，就yum安装一个setuptools工具就能够用了
yum install python-setuptools

2 生成supervisord配置文件

echo_supervisord_conf > /etc/supervisord.conf

 

3 在/etc/supervisord.conf下添加如下两行配置

[program:luffy_city]
command=/root/Envs/luffy_city_env/bin/uwsgi /opt/luffy_city/luffy/uwsgi.ini

 


​

4 启动supervisor

supervisord -c /etc/supervisord.conf # 启动supervisor
supervisorctl -c /etc/supervisord.conf # 启动和进入supervisor交互模式

 

5 查看supervisor运行状态

supervisorctl  # 使用此命令后将会进入supervisor交互式管理界面
status  # 查看进程运行状态

 

6 管理supervisor里面的进程

stop luffy_city    # 关闭luffy_city进程
stop all           # 关闭全部进程
start luffy_city   # 开启luffy_city进程
start all          # 开启全部进程
status             # 查看全部进程运行状态
​
supervisorctl status  # 能够不用进入交互模式查看

 

 

12 最终效果

访问nginx的80端口，便可找到路飞学城应用，且保证静态文件页面正常

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程