前后端分離項目一台服務器上線

一.購買服務器

這里有幾點注意

• 選擇配置 linux 系統的時候最好選擇centos7+不要選擇centos6+
• 配置開發端口最好把常用端口打開以及運行端口最好多開幾個防止后續nginx 啟動網頁沒法沒法訪問ip一般是端口權限沒開
• 默認服務器賬戶名為root

二.更新系統安裝包(非常重要)

• yum update -y
• yum -y groupinstall "Development tools"
• yum install openssl-devel bzip2-devel expat-devel gdbm-devel readline-devel sqlite-devel psmisc libffi-devel

三.安裝mysql

• cd ~

• 下載安裝包也可以 wget http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm

  也可以直接上傳安裝包一樣的

• yum -y install mysql57-community-release-el7-10.noarch.rpm

• yum -y install mysql-community-server

• systemctl start mysqld.service

• systemctl status mysqld.service

• grep "password" /var/log/mysqld.log (查看初始密碼)

• mysql -uroot -p (登入mysql)

• 修改密碼

• ALTER USER 'root'@'localhost' IDENTIFIED BY 'YWy1234?';

四.安裝Redis

1）前往用戶根目錄
>: cd ~

2）下載redis-5.0.5
>: wget http://download.redis.io/releases/redis-5.0.5.tar.gz

3）解壓安裝包
>: tar -xf redis-5.0.5.tar.gz

4）進入目標文件
>: cd redis-5.0.5

5）編譯環境
>: make

6）復制環境到指定路徑完成安裝
>: cp -r ~/redis-5.0.5 /usr/local/redis

7）配置redis可以后台啟動：修改下方內容
>: vim /usr/local/redis/redis.conf

daemonize yes

8）完成配置修改
>: esc
>: :wq

9）建立軟連接
>: ln -s /usr/local/redis/src/redis-server /usr/bin/redis-server
>: ln -s /usr/local/redis/src/redis-cli /usr/bin/redis-cli

10）后台運行redis
>: redis-server &
ctrl + c

11）測試redis環境
>: redis-cli
ctrl + c

12）關閉redis服務
>: pkill -f redis -9

五.安裝Python3.6

1）前往用戶根目錄
>: cd ~

2）下載 或 上傳 Python3.6.7
>: wget https://www.python.org/ftp/python/3.6.7/Python-3.6.7.tar.xz

3）解壓安裝包
>: tar -xf Python-3.6.7.tar.xz

4）進入目標文件
>: cd Python-3.6.7

5）配置安裝路徑：/usr/local/python3
>: ./configure --prefix=/usr/local/python3

6）編譯並安裝
>: make && sudo make install

7）建立軟連接：終端命令 python3，pip3
>: ln -s /usr/local/python3/bin/python3.6 /usr/bin/python3
>: ln -s /usr/local/python3/bin/pip3.6 /usr/bin/pip3

8）刪除安裝包與文件：
>: rm -rf Python-3.6.7
>: rm -rf Python-3.6.7.tar.xz

六.配置pip鏡像源

1）創建pip配置路徑
>: mkdir ~/.pip

2）進入目錄編輯配置文件：填入下方內容
cd ~/.pip && vim pip.conf

[global]
index-url = http://pypi.douban.com/simple
[install]
use-mirrors =true
mirrors =http://pypi.douban.com/simple/
trusted-host =pypi.douban.com

七.安裝虛擬環境

1）安裝依賴
>: pip3 install virtualenv
>: pip3 install virtualenvwrapper

2）建立虛擬環境軟連接
>: ln -s /usr/local/python3/bin/virtualenv /usr/bin/virtualenv

3）配置虛擬環境：填入下方內容
>: vim ~/.bash_profile

VIRTUALENVWRAPPER_PYTHON=/usr/bin/python3
source /usr/local/python3/bin/virtualenvwrapper.sh

4）退出編輯狀態
>: esc

5）保存修改並退出
>: :wq

6）更新配置文件內容
>: source ~/.bash_profile

7）虛擬環境默認根目錄：~/.virtualenvs

八.pip3安裝uwsgi

1）在真實環境下安裝
pip3 install uwsgi

2）建立軟連接
ln -s /usr/local/python3/bin/uwsgi /usr/bin/uwsgi

九.安裝Nginx

1）前往用戶根目錄
>: cd ~

2）下載nginx1.13.7
>: wget http://nginx.org/download/nginx-1.13.7.tar.gz

3）解壓安裝包
>: tar -xf nginx-1.13.7.tar.gz

4）進入目標文件
>: cd nginx-1.13.7

5）配置安裝路徑：/usr/local/nginx
>: ./configure --prefix=/usr/local/nginx

6）編譯並安裝
>: make && sudo make install

7）建立軟連接：終端命令 nginx
>: ln -s /usr/local/nginx/sbin/nginx /usr/bin/nginx

8）刪除安裝包與文件：
>: rm -rf nginx-1.13.7
>: rm -rf nginx-1.13.7.tar.xz

9）測試Nginx環境，服務器運行nginx，本地訪問服務器ip
>: nginx
>: 服務器綁定的域名 或 ip:80

十.Nginx常用命令

1）啟動
>: nginx

2）關閉nginx
>: nginx -s stop

3）重啟nginx
>: nginx -s reload

4）查看端口，強行關閉
>: ps -aux|grep nginx
>: kill <pid:進程編號>

十一.前端部署

1.項目中關於與后端請求的ip改成服務器的ip(這個沒有固定寫法根據自己項目靈活設置)

前端項目打包
cnpm run build (項目目錄執行)
打包后會有一個dist文件夾只要他就好了

上傳到~(也就是root)

移動並重命名
mv ~/dist /home/html

十二.后端部署

1）需要做上線修改的內容settings.py
DEBUG = False
ALLOWED_HOSTS = [
    '39.100.107.176'  # 公網ip地址
]

CORS_ORIGIN_ALLOW_ALL = True  # 允許所有跨域
CORS_ORIGIN_WHITELIST = [
]

2 )上傳並移動至於/home/project

3 )提前先配置uwsgi設置
vim /home/project/你的后台項目名稱/配置的文件名稱.xml
里面寫入內容如下:
 <uwsgi>    
   <socket>127.0.0.1:8808</socket> <!-- 內部端口，自定義 --> 
   <chdir>/home/project/你的后台項目名稱/</chdir> <!-- 項目路徑 -->            
   <module>xxxx.wsgi</module>  <!-- xxxx為wsgi.py所在目錄名--> 
   <processes>4</processes> <!-- 進程數 -->     
   <daemonize>uwsgi.log</daemonize> <!-- 日志文件 -->
</uwsgi>

保存並退出

十三.導出本地依賴,服務器安裝依賴

走進后台項目
pip3 freeze > packages.txt

上傳packages.txt至服務器
pip3 install -r packages.txt

十四.數據庫遷移(沒有數據庫相關可以忽略)

和玩DJANGO遷移在CMD中執行命令一模一樣

十五.配置上線啟動

vim /usr/local/nginx/conf/nginx.conf

寫入內容如下:

events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    server {
        listen 8000;
        server_name  127.0.0.1; # 改為自己的域名，沒域名修改為127.0.0.1:80
        charset utf-8;
        location / {
           include uwsgi_params;
           uwsgi_pass 127.0.0.1:8808;  # 端口要和uwsgi里配置的一樣
           uwsgi_param UWSGI_SCRIPT wsgi.py所在的目錄名.wsgi;  #wsgi.py所在的目錄名+.wsgi
           uwsgi_param UWSGI_CHDIR /home/project/項目路徑/; # 項目路徑
        }
        # 新增的配置靜態文件
        location /static {
            alias /home/project/項目路徑/wsgi.py所在的目錄名/static;
        }
    }
    server {
        listen 80;
        server_name  127.0.0.1; # 改為自己的域名，沒域名修改為127.0.0.1:80
        charset utf-8;
        location / {
            root /home/html; # html訪問路徑
            index index.html; # html文件名稱
            try_files $uri $uri/ /index.html; # 解決單頁面應用刷新404問題
        }
    }
}

保存退出

十六.啟動服務

pkill -f uwsgi -9

uwsgi -x /home/project/項目路徑/xxx.xml

nginx 

如果有做修改需要重新啟動一次服務才生效

十七.簡單的django啟動辦法

cd 到manage.py所在目錄

python3 manage.py runserver 0.0.0.0:80
    
這時候測試后台的ip+端口是服務器的ip