阿里云服务器部署flask+vue项目教程

阿里云服务器部署flask+vue项目教程

搭建环境简介

1. python环境3.7.3
2. 数据库为SQlite
3. nginx（采用宝塔安装）
4. gunicon
5. 阿里云系统环境为centos7.6

安装宝塔

# yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

注意：
1.安装宝塔之后切记账号和密码；
2.宝塔端口默认为8888，因此阿里云服务器安全组实例要开放8888端口。具体开放规则，请自行搜索。
3.切记开放80端口，不然部署完成之后，输入ip将无法访问。

python3环境安装

因为centos7自带python环境为python2.远程连接进入服务器，直接输入python命令，即可见python版本，现在我们首先要安装python3，此处安装版本为python3.7.3.
1.安装python3

# sudo mkdir /usr/local/python3    #创建python3的安装目录
# wget --no-check-certificate https://www.python.org/ftp/python/3。7.3/Python-3.7.3.tgz # 下载 Python 源文件

# tar -xzvf Python-3.7.3.tgz # 解压缩包
# cd Python-3.7.3 # 进入解压目录
# sudo yum install gcc-c++ #执行下一步./configure时可能会报错，可能是因为未安装合适的编译器，安装下就好了。
# sudo ./configure --prefix=/usr/local/python3 # 指定创建的目录
# sudo make
# sudo make install # 编译安装

2.配置两个版本共存，创建 python3 的软链接：

#sudo ln -s /usr/local/python3/bin/python3 /usr/bin/python3

3.安装pip
python2的pip安装

# sudo yum -y install epel-release # 首先安装 epel 扩展源
# sudo yum -y install python-pip # 安装 python-pip
# sudo yum clean all # 清除 cache

python3的pip安装

# 下载源代码
# wget --no-check-certificate https://github.com/pypa/pip/archive/9.0.1.tar.gz
# tar -zvxf 9.0.1.tar.gz    # 解压文件
# cd pip-9.0.1
# python3 setup.py install # 使用 Python 3 安装

4.创建链接

# sudo ln -s /usr/local/python3/bin/pip /usr/bin/pip3

5.升级pip

# pip install --upgrade pip

安装并创建虚拟环境

# pip3 install virtualenv
# pip3 install virtualenvwrapper

如果安装virtualenvwrapper报红，执行一下代码块

# sudo pip install -i https://pypi.tuna.tsinghua.edu.cn/simple pbr
# sudo pip install -i https://pypi.tuna.tsinghua.edu.cn/simple --no-deps stevedore
# sudo pip install -i https://pypi.tuna.tsinghua.edu.cn/simple --no-deps virtualenvwrapper
# 再次安装virtualenvwrapper
# pip3 install virtualenvwrapper

6. 配置环境变量

# mkdir $HOME/.virtualenvs

创建编辑bashrc文件

# vi ~/.bashrc 
#如果提示没有vim编辑器，执行
# sudo yum install vim 

进入编辑状态直接在文件的末尾处添加

export WORKON_HOME=$HOME/.virtualenvs
export VIRTUALENVWRAPPER_PYTHON=/usr/bin/python3
# 此处路径可能出现错误，可执行 find / -name virtualenv查看路径
export VIRTUALENVWRAPPER_VIRTUALENV=/usr/local/bin/virtualenv
# 此处路径可能出现错误，可执行 find / -name virtualenvwrapper.sh查看路径
source /usr/local/bin/virtualenvwrapper.sh

保存退出

编辑：i
按键 Esc
输入 wq  退出并保存

7.让刚才编辑的bashrc 文件生效

# source ~/.bashrc

创建虚拟环境

# mkvirtualenv medicalai

出现以下形式即虚拟环境创建成功(下次登入，进入虚拟环境按workon+tab键，tab键多按几次，同样出现以下图示，即进入虚拟环境)

8.进入虚拟环境，安装项目的requirements.txt文件，该文件需要提前和项目一起上传到服务器（一般放在/home/www/项目名字/requirements.txt）。

# pip install -r requirements.txt

9.在项目根目录下创建项目的nginx.conf文件。

server {



    listen         80; # nginx 端口号

    server_name    39.99.135.254
    #server_name为公网ip

    charset UTF-8;

    client_max_body_size 75M; # 限制最大请求体大小



	location / {

		# 把vue 的dist 文件放在项目目录下

		root /home/www/项目名字/dist;

		index index.html;

		try_files $uri $uri/index.html $uri.html;

	}



	location /api/ { # / 代表所有路径都到该项目区找

		#include uwsgi_params; # 导入uwsgi配置

		proxy_pass http://127.0.0.1:5000; # 项目运行的ip端口

		#uwsgi_read_timeout 300;

		#uwsgi_send_timeout 300;

		#uwsgi_connect_timeout 300;

	}

	location /static/ {

		#  静态文件配置

		alias /home/www/项目名字/dist/static/;

     }

    #location /media/ {

    #   静态文件配置

    #   alias /home/www/项目名字/media/;

    # }

 }

10.开始编辑宝塔安装的nginx.conf。

# vim /www/server/nginx/conf/nginx.conf 

大致在第63行添加内容

include /home/www/项目名字/nginx.conf;

把刚刚配置的项目的nginx.conf 文件 导入到 原nginx.conf文件中

编辑保存完成之后，要重新加载上面的文件，采用reload命令。

启动
/etc/init.d/nginx start
停止
/etc/init.d/nginx stop
重启
/etc/init.d/nginx restart
启载
/etc/init.d/nginx reload

11.安装gunicorn

pip install gunicorn

11.切换到项目根目录运行app.py

启动项目：
# gunicorn -w 1 -b 127.0.0.1:5000 -D app:app
-D后台启动 -w 1 一个进程
关闭项目：
#sudo pkill -9 gunicorn

12.输入公网ip，即可访问。