一.前端 vue 部署
1.下载项目的vue 代码(路飞学城为例),
wget https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip
解压缩
unzip 07-luffy_project_01.zip
2.配置 node环境
①下载node 的代码包
wget https://nodejs.org/download/release/v8.6.0/node-v8.6.0-linux-x64.tar.gz
②解压缩
tar -zxvf node-v8.6.0-linux-x64.tar.gz
③配置环境变量
① vim /etc/profile
②
③读取配置文件
source /etc/profile
3.验证node是否正确配置
node -v npm -v
(node就是如同python解释器 npm就是如同pip软件包管理工具)
4.修改vue的代码文件(api.js)
①路径在vue项目下
/opt/07-luffy_project_01/src/restful
② 更改成自己的服务器ip地址
批量操作: sed -i "s/127.0.0.1:8000/192.168.226.128:9000/g" api.js
sed 是linux处理字符串的命令
-i 是将结果替换到文件
"s/127.0.0.1:8000/192.168.226.128:9000/g" #解释 s是替换模式
/你想替换的内容/你想替换的结果/ g是全局替换
api.js 你想修改操作的文件
5.打包 vue 生成静态文件夹 dist
npm install #解决vue代码所需的模块依赖
npm run build #进行编译打包
查看dist 是否已存在
cd /opt/07-luffy_project_01/node_modules/vue
二.前端 uwsgi 部署
1.下载后端代码 (以路飞学城为例)
wget https://files.cnblogs.com/files/pyyu/luffy_boy.zip
2.创建新的虚拟环境
mkvirtualenv luffy
3.解决环境依赖
解决环境依赖问题 ,可以用requirements.txt解决依赖问题
1. vim requirements.txt #打开,
2. 编辑写入如下模块依赖包信息 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 3.安装这个文件 requirements.txt pip3 install -i https://pypi.douban.com/simple -r requirements.txt
4.使用uwsgi 启动后端
使用uwsgi.ini配置文件方式启动,内容如下
[uwsgi] # Django-related settings # the base directory (full path) #填写项目的绝对路径(第一层路径) chdir = /opt/luffy_boy # Django's wsgi file #填写crm第二层目录下的wsgi.py文件的路径 module = luffy_boy.wsgi # the virtualenv (full path) #填写虚拟环境的绝对路径 home = /root/Envs/luffy # process-related settings # master master = true # maximum number of worker processes #基于uwsgi的多进程,根据cpu来优化 processes = 4 # the socket (use the full path to be safe #如果你用了nginx反向代理,就填写socket参数 #如果你用了nginx反向代理,就填写socket参数 #如果你用了nginx反向代理,就填写socket参数 #如果你用了nginx反向代理,就填写socket参数 #如果你用了nginx反向代理,就填写socket参数 socket = 0.0.0.0:9001 #如果你没用nginx,想直接通过浏览器测试后端,使用http #http = 0.0.0.0:9001 # ... with appropriate permissions - may be needed # chmod-socket = 664 # clear environment on exit vacuum = true
5.使用 supervisor也去管理路飞的后台
[program:s18luffy] command=/opt/python36/bin/uwsgi --ini /opt/luffy_boy/uwsgi.ini stopasgroup=true killasgroup=true
三. nginx反向代理转发
①修改nginx.conf内容如下 #虚拟主机1 server { #第一个虚拟主机,监听的80端口 listen 80; server_name 192.168.226.128; location / { root /opt/s18luffy/07-luffy_project_01/dist; index index.html; } } #虚拟主机2 server { listen 9000; server_name 192.168.226.128; location / { uwsgi_pass 0.0.0.0:9001; include uwsgi_params; } }
② 重启nginx
nginx -s reload
四.启动 redis
路飞学城用的数据库是sqllite,不需要mysql
1.下载安装
yum install redis -y
2.启动服务器
systemctl start redis
3.登录客户端
redis-cli 登录命令
4.验证
输入 ping
返回一个 pong 代表正确启动
五.验证是否部署成功
浏览器访问路飞学城首页,查看课程列表 ,进行alex账户登录
账户: alex
密码: alex3714
登录后,添加购买django课程信息后,
可以查看购物车信息,代表正确启动路飞学城
六.其他(永久关闭防火墙)
iptables -F #清空规则
systemctl stop firewalld #关闭防火墙服务
systemctl disable firewalld #禁止开机自启