日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告：魔扣目錄網為廣大站長提供免費收錄網站服務，提交前請做好本站友鏈：【 網站目錄：http://www.ylptlb.cn 】， 免友鏈快審服務（50元/站），

點擊這里在線咨詢客服
新站提交
  • 網站：51998
  • 待審：31
  • 小程序：12
  • 文章：1030137
  • 會員：747

django項目、vue項目部署云服務器的詳細過程

發(fā)布時間：2024-03-09 00:00:49 作者：網友整理

目錄
  • 上線架構圖
  • 服務器購買與遠程連接
  • 安裝git
  • 安裝mysql
  • 安裝redis(源碼安裝)
  • 安裝python3.8(源碼安裝)
  • 安裝uwsgi
  • 安裝虛擬環(huán)境
  • 安裝nginx(源碼安裝)
  • vue項目部署
  • django項目部署
    • 項目依賴安裝
    • 數據庫配置
    • 使用uwsgi啟動django
    • 后端樣式處理

上線架構圖

django項目、vue項目部署云服務器的詳細過程

服務器購買與遠程連接

服務器可以在阿里云控制臺首頁 (aliyun.com)、登錄 – 騰訊云 (tencent.com)購買。

這里我選擇購買阿里云的云服務器ECS，購買時按自己需求，鏡像這里選擇CentOS 7.9

django項目、vue項目部署云服務器的詳細過程

購買完成后，會拿到一個公網ip

django項目、vue項目部署云服務器的詳細過程

選擇遠程連接工具，有很多種，Xshell、FinalShell等。

這里選擇FinalShell，下載：FinalShell (hostbuf.com)

打開，連接。

django項目、vue項目部署云服務器的詳細過程

django項目、vue項目部署云服務器的詳細過程

django項目、vue項目部署云服務器的詳細過程

連接的密碼如果不知道或忘記了

django項目、vue項目部署云服務器的詳細過程

安裝git

安裝git可以方便我們從直接從遠程倉庫拉取項目，當然，也可以不安裝。

安裝git

yum install git  -y

創(chuàng)建文件夾放項目

mkdir /home/projectcd /home/project

克隆

git clone https://gitee.com/....

安裝mysql

包含了很多開發(fā)的工具

yum -y groupinstall "Development tools"

各種依賴

yum install openssl-devel bzip2-devel expat-devel gdbm-devel readline-devel sqlite-devel psmisc libffi-devel

1.前往用戶根目錄

cd ~

2.下載mysql57

wget http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm

3.安裝mysql57

yum -y install mysql57-community-release-el7-10.noarch.rpm
yum install mysql-community-server --nogpgcheck

4.啟動mysql57并查看啟動狀態(tài)

systemctl start mysqld.service
systemctl status mysqld.service

5.查看默認密碼并登錄

grep "password" /var/log/mysqld.log

django項目、vue項目部署云服務器的詳細過程

mysql -uroot -p

6.修改密碼(密碼強度有要求，需要大小寫字母、數字、符號)

ALTER USER 'root'@'localhost' IDENTIFIED BY 'Qq332525..';

安裝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.編譯環(huán)境

make

6.復制環(huán)境到指定路徑完成安裝

cp -r /root/redis-5.0.5 /usr/local/redis

7.配置redis可以后臺啟動：修改下方內容

vim /usr/local/redis/redis.conf

添加：

daemonize yes

8.建立軟連接(環(huán)境變量)

ln -s /usr/local/redis/src/redis-server /usr/bin/redis-server
ln -s /usr/local/redis/src/redis-cli /usr/bin/redis-cli

9.后臺運行redis

cd /usr/local/redisredis-server ./redis.conf &

10.測試redis環(huán)境

redis-cli
# 退出exit

11.如果想要關閉redis服務

# 方式一
客戶端連進去，敲  shutdown
# 方式二
pkill -f redis -9

安裝python3.8(源碼安裝)

阿里云的centos默認裝了python3.6和2.7，如果沒有硬性要求，可以直接跳過安裝python3.8。

各種依賴

yum install openssl-devel bzip2-devel expat-devel gdbm-devel readline-devel sqlite-devel psmisc libffi-devel zlib* libffi-devel  -y

1.前往用戶根目錄

cd ~

2.下載Python3.8.6

wget https://registry.npmmirror.com/-/binary/python/3.8.6/Python-3.8.6.tgz

3.解壓安裝包

tar -xf Python-3.8.6.tgz

4.進入目標文件

cd Python-3.8.6

5.把python3.8.6 編譯安裝到/usr/local/python38路徑下

./configure --prefix=/usr/local/python38

6.編譯并安裝，如果報錯，說明缺開頭的哪些依賴

make &&  make install

7.建立軟連接(環(huán)境變量)

ln -s /usr/local/python38/bin/python3 /usr/bin/python3.8
ln -s /usr/local/python38/bin/pip3 /usr/bin/pip3.8

目前云服務器各版本python環(huán)境

python      pip      2.7版本的命令
python3     pip3     3.6版本的命令
python3.8   pip3.8   3.8版本的命令

安裝uwsgi

uwsgi是符合wsgi協議的web服務器，使用c寫的性能高，上線要使用uwsgi。

安裝uwsgi，注意用你后面要用的python版本安裝

pip3.8 install uwsgi

建立軟連接

ln -s /usr/local/python38/bin/uwsgi /usr/bin/uwsgi

安裝虛擬環(huán)境

1.安裝虛擬環(huán)境

pip3.8 install virtualenv

更新pip

python3.8 -m pip install --upgrade pip
python3.8 -m pip install --upgrade setuptools
pip3.8 install pbr
pip3.8 install virtualenvwrapper

2.建立虛擬環(huán)境軟連接(環(huán)境變量)

ln -s /usr/local/python38/bin/virtualenv /usr/bin/virtualenv

3.配置虛擬環(huán)境：

vim ~/.bash_profile

填入下方內容，注意python版本用的是哪個

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

4.更新配置文件內容

source ~/.bash_profile

5.創(chuàng)建虛擬環(huán)境

mkvirtualenv -p python3.8 xx

退出

deactivate

安裝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 && make install

7.建立軟連接

ln -s /usr/local/nginx/sbin/nginx /usr/bin/nginx

8.刪除安裝包與文件

cd ~
rm -rf nginx-1.13.7
rm -rf nginx-1.13.7.tar.xz

9.測試Nginx環(huán)境，服務器運行nginx，本地訪問服務器ip

# 啟動 
nginx
# 停止
nginx -s stop

這個命令查看nginx是否在運行著

netstat -nlp | grep 80

然后訪問

服務器公網ip:80

如果無法訪問，說明云服務器安全組中沒有添加80端口

django項目、vue項目部署云服務器的詳細過程

vue項目部署

1.修改前端向后端發(fā)ajax請求的地址，以前都是向127.0.0.1發(fā)送請求，現在可以改成服務器地址了

2.編譯vue項目成html，css，js

npm run build

3.項目根路徑下會生成dist文件夾(編譯過后的文件)，本地壓縮成zip(不要壓成rar)

4.在服務器安裝軟件

yum install lrzsz

5.云服務器敲 rz，選擇dist.zip上傳

6.安裝解壓軟件，解壓文件

yum install unzip
unzip dist.zip

7.移動解壓后的dist.zip，并重命名

mv ~/dist /home/html

8.去到Nginx配置目錄

cd /usr/local/nginx/conf

9.備份Nginx配置文件

mv nginx.conf nginx.conf.bak

10.打開配置文件，添加內容

vim nginx.conf

內容

events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    server {
        listen 80;
        server_name  127.0.0.1; # 可以改為自己的域名
        charset utf-8;
        location / {
            root /home/html; # html訪問路徑
            index index.html; # html文件名稱
            try_files $uri $uri/ /index.html; # 解決單頁面應用刷新404問題
        }
    }
}

11.重新加載配置文件(重啟nginx)

nginx -s reload

12.訪問服務器ip地址(不寫端口默認訪問80端口)

xx.xx.xx.xx

django項目部署

項目依賴安裝

1.修改django的某些關于ip地址的配置(數據庫等ip地址不用改，因為就是本地的ip地址，當在服務器上運行時，連接的就是服務器的數據庫)

2.django項目生成所需依賴

pip freeze > requirements.txt

3.把django項目上傳到服務器上，通過rz命令，或者git命令

# 這里我把項目放到這個目錄下
/home/project/

4.創(chuàng)建線上項目虛擬環(huán)境

mkvirtualenv project

5.虛擬環(huán)境下也要裝uwsgi

pip install uwsgi

6.cd到項目根路徑下

/home/project/

7.安裝依賴

pip install -r ./requirements.txt

8.如果出現報錯，比如安裝mysqlclient模塊容易報錯，那么我可以打開requirements.txt，將mysqlclient模塊那一行注釋掉(#)

9.最后單獨安裝mysqlclient

rpm --import https://repo.mysql.com/RPM-GPG-KEY-mysql-2022
yum install mysql-devel
yum install python-devel
pip install mysqlclient

數據庫配置

1.進入數據庫

2.創(chuàng)建項目需要的數據庫

create database project default charset=utf8;

3.設置權限賬號密碼：賬號密碼要與項目中配置的一致

grant all privileges on project.* to 'username'@'%' identified by 'password';
grant all privileges on project.* to 'username'@'localhost' identified by 'password';
flush privileges;

4.退出數據庫

quit;

5.回到虛擬環(huán)境，到項目目錄中

數據庫遷移命令

python manage_pro.py makemigrations
python manage_pro.py migrate

6.錄入數據

使用uwsgi啟動django

1.項目目錄下，新建uwsgi的配置文件

vim ./project.xml

添加

<uwsgi>    
   <socket>127.0.0.1:8000</socket> <!-- 內部端口，自定義 --> 
   <chdir>/home/project/</chdir> <!-- 項目路徑 -->            
   <module>project.wsgi</module>  <!-- project為wsgi.py所在目錄名--> 
   <processes>4</processes> <!-- 進程數 -->     
   <daemonize>uwsgi.log</daemonize> <!-- 日志文件 -->
</uwsgi>

2.啟動uwsgi

uwsgi -x ./luffyapi.xml

3.查看uwsgi進程

ps aux |grep uwsgi

4.配置nginx，把8080端口的動態(tài)請求轉發(fā)給uwsgi里配置的8000端口

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

內容：

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

5.重啟nginx

nginx -s reload

6.這時候前端向服務器id:8080就等于向后端項目發(fā)送了請求。

后端樣式處理

這時候訪問后端的admin接口是沒有樣式的，還需要下列設置

1.編輯線上項目的配置文件

vim /home/project/../settings/pro.py

2.修改static配置，新增STATIC_ROOT、STATICFILES_DIRS

STATIC_URL = '/static/'
STATIC_ROOT = '/home/project/static'  
STATICFILES_DIRS = (os.path.join(BASE_DIR, "../static"),)

3.項目目錄下沒有 static 文件夾需要新建

mkdir /home/project/static

4.完成靜態(tài)文件遷移

python /home/project/manage_pro.py collectstatic

5.修改nginx配置

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

內容

events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    server {
        listen 80;
        server_name  127.0.0.1; # 可以改為自己的域名
        charset utf-8;
        location / {
            root /home/html; # html訪問路徑
            index index.html; # html文件名稱
            try_files $uri $uri/ /index.html; 
        }
    }
    server {
        listen 8080;
        server_name  127.0.0.1; # 可以改為自己的域名
        charset utf-8;
        location / {
           include uwsgi_params;
           uwsgi_pass 127.0.0.1:8000;  # 端口要和uwsgi里配置的一樣
           uwsgi_param UWSGI_SCRIPT project.wsgi; 
           uwsgi_param UWSGI_CHDIR /home/project/; 
        }
    }
    location /static {
        alias /home/project/static;
    }
}

6.重啟nginx

nginx -s reload

分享到：
標簽：服務器 詳細 過程 部署 項目
用戶無頭像

網友整理

注冊時間：

網站：5 個   小程序：0 個  文章：12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號，推廣您的網站吧！
最新入駐小程序

數獨大挑戰(zhàn)2018-06-03

數獨一種數學游戲，玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創(chuàng)建試卷

全階人生考試2018-06-03

各種考試題，題庫，初中，高中，大學四六

運動步數有氧達人2018-06-03

記錄運動步數，積累氧氣值。還可偷

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定