前后端分離專案一臺服務器上線-有解無憂

一.購買服務器

這里有幾點注意

選擇配置 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

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/176541.html

標籤：JavaScript

上一篇：vue-生命周期

下一篇：JavaScript基礎修煉(14)——WebRTC在瀏覽器中如何獲得指定格式的PCM資料