django項目、vue項目部署云服務(wù)器的詳細過程
目錄
- 上線架構(gòu)圖
- 服務(wù)器購買與遠程連接
- 安裝git
- 安裝mysql
- 安裝redis(源碼安裝)
- 安裝python3.8(源碼安裝)
- 安裝uwsgi
- 安裝虛擬環(huán)境
- 安裝nginx(源碼安裝)
- vue項目部署
- django項目部署
- 項目依賴安裝
- 數(shù)據(jù)庫配置
- 使用uwsgi啟動django
- 后端樣式處理
上線架構(gòu)圖
服務(wù)器購買與遠程連接
服務(wù)器可以在阿里云控制臺首頁 (aliyun.com)、登錄 - 騰訊云 (tencent.com)購買。
這里我選擇購買阿里云的云服務(wù)器ECS，購買時按自己需求，鏡像這里選擇CentOS 7.9
購買完成后，會拿到一個公網(wǎng)ip
選擇遠程連接工具，有很多種，Xshell、FinalShell等。
這里選擇FinalShell，下載：FinalShell (hostbuf.com)
打開，連接。
連接的密碼如果不知道或忘記了
安裝git
安裝git可以方便我們從直接從遠程倉庫拉取項目，當然，也可以不安裝。
安裝git
1 | yum installgit -y |
創(chuàng)建文件夾放項目
1 | mkdir/home/projectcd/home/project |
克隆
1 | git clone https://gitee.com/.... |
安裝mysql
包含了很多開發(fā)的工具
1 | yum -y groupinstall "Development tools" |
各種依賴
1 | yum installopenssl-devel bzip2-devel expat-devel gdbm-devel readline-devel sqlite-devel psmisc libffi-devel |
1.前往用戶根目錄
1 | cd~ |
2.下載mysql57
1 | wget http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm |
3.安裝mysql57
1 2 | yum -y installmysql57-community-release-el7-10.noarch.rpmyum installmysql-community-server --nogpgcheck |
4.啟動mysql57并查看啟動狀態(tài)
1 2 | systemctl start mysqld.servicesystemctl status mysqld.service |
5.查看默認密碼并登錄
1 | grep"password"/var/log/mysqld.log |
1 | mysql -uroot -p |
6.修改密碼(密碼強度有要求，需要大小寫字母、數(shù)字、符號)
1 | ALTERUSER'root'@'localhost'IDENTIFIED BY'Qq332525..'; |
安裝redis(源碼安裝)
1.前往用戶根目錄
1 | cd~ |
2.下載redis-5.0.5（源碼包）
1 | wget http://download.redis.io/releases/redis-5.0.5.tar.gz |
3.解壓安裝包
1 | tar-xf redis-5.0.5.tar.gz |
4.進入目標文件
1 | cdredis-5.0.5 |
5.編譯環(huán)境
1 | make |
6.復(fù)制環(huán)境到指定路徑完成安裝
1 | cp-r /root/redis-5.0.5 /usr/local/redis |
7.配置redis可以后臺啟動：修改下方內(nèi)容
1 | vim /usr/local/redis/redis.conf |
添加：成都服務(wù)器托管
1 | daemonize yes |
8.建立軟連接(環(huán)境變量)
1 | ln-s /usr/local/redis/src/redis-server/usr/bin/redis-server |
1 | ln-s /usr/local/redis/src/redis-cli/usr/bin/redis-cli |
9.后臺運行redis
1 | cd/usr/local/redisredis-server./redis.conf & |
10.測試redis環(huán)境
1 | redis-cli |
1 | # 退出exit |
11.如果想要關(guān)閉redis服務(wù)
1 2 3 4 | # 方式一客戶端連進去，敲 shutdown# 方式二pkill -f redis -9 |
安裝python3.8(源碼安裝)
阿里云的centos默認裝了python3.6和2.7，如果沒有硬性要求，可以直接跳過安裝python3.8。
各種依賴
1 | yum installopenssl-devel bzip2-devel expat-devel gdbm-devel readline-devel sqlite-devel psmisc libffi-devel zlib* libffi-devel -y |
1.前往用戶根目錄
1 | cd~ |
2.下載Python3.8.6
1 | wget https://registry.npmmirror.com/-/binary/python/3.8.6/Python-3.8.6.tgz |
3.解壓安裝包
1 | tar-xf Python-3.8.6.tgz |
4.進入目標文件
1 | cdPython-3.8.6 |
5.把python3.8.6 編譯安裝到/usr/local/python38路徑下
1 | ./configure--prefix=/usr/local/python38 |
6.編譯并安裝，如果報錯，說明缺開頭的哪些依賴
1 | make&& makeinstall |
7.建立軟連接(環(huán)境變量)
1 | ln-s /usr/local/python38/bin/python3/usr/bin/python3.8 |
1 | ln-s /usr/local/python38/bin/pip3/usr/bin/pip3.8 |
目前云服務(wù)器各版本python環(huán)境
1 2 3 | python pip 2.7版本的命令python3 pip3 3.6版本的命令python3.8 pip3.8 3.8版本的命令 |
安裝uwsgi
uwsgi是符合wsgi協(xié)議的web服務(wù)器，使用c寫的性能高，上線要使用uwsgi。
安裝uwsgi，注意用你后面要用的python版本安裝
1 | pip3.8 installuwsgi |
建立軟連接
1 | ln-s /usr/local/python38/bin/uwsgi/usr/bin/uwsgi |
安裝虛擬環(huán)境
1.安裝虛擬環(huán)境
1 | pip3.8 installvirtualenv |
更新pip
1 2 3 | python3.8 -m pip install--upgrade pippython3.8 -m pip install--upgrade setuptoolspip3.8 installpbr |
1 | pip3.8 installvirtualenvwrapper |
2.建立虛擬環(huán)境軟連接(環(huán)境變量)
1 | ln-s /usr/local/python38/bin/virtualenv/usr/bin/virtualenv |
3.配置虛擬環(huán)境：成都服務(wù)器托管
1 | vim ~/.bash_profile |
填入下方內(nèi)容，注意python版本用的是哪個
1 2 | VIRTUALENVWRAPPER_PYTHON=/usr/bin/python3.8source/usr/local/python38/bin/virtualenvwrapper.sh |
4.更新配置文件內(nèi)容
1 | source~/.bash_profile |
5.創(chuàng)建虛擬環(huán)境
1 | mkvirtualenv -p python3.8 xx |
退出
1 | deactivate |
安裝nginx(源碼安裝)
1.前往用戶根目錄
1 | cd~ |
2.下載nginx1.13.7
1 | wget http://nginx.org/download/nginx-1.13.7.tar.gz |
3.解壓安裝包
1 | tar-xf nginx-1.13.7.tar.gz |
4.進入目標文件
1 | cdnginx-1.13.7 |
5.配置安裝路徑：/usr/local/nginx
1 | ./configure--prefix=/usr/local/nginx |
6.編譯并安裝
1 | make&& makeinstall |
7.建立軟連接
1 | ln-s /usr/local/nginx/sbin/nginx/usr/bin/nginx |
8.刪除安裝包與文件
1 2 3 | cd~rm-rf nginx-1.13.7rm-rf nginx-1.13.7.tar.xz |
9.測試Nginx環(huán)境，服務(wù)器運行nginx，本地訪問服務(wù)器ip
1 2 3 4 | # 啟動 nginx# 停止nginx -s stop |
這個命令查看nginx是否在運行著
1 | netstat-nlp | grep80 |
然后訪問
1 | 服務(wù)器公網(wǎng)ip:80 |
如果無法訪問，說明云服務(wù)器安全組中沒有添加80端口
vue項目部署
1.修改前端向后端發(fā)ajax請求的地址，以前都是向127.0.0.1發(fā)送請求，現(xiàn)在可以改成服務(wù)器地址了
2.編譯vue項目成html，css，js
1 | npm run build |
3.項目根路徑下會生成dist文件夾(編譯過后的文件)，本地壓縮成zip(不要壓成rar)
4.在服務(wù)器安裝軟件
1 | yum installlrzsz |
5.云服務(wù)器敲 rz，選擇dist.zip上傳
6.安裝解壓軟件，解壓文件
1 2 | yum installunzipunzip dist.zip |
7.移動解壓后的dist.zip，并重命名
1 | mv~/dist/home/html |
8.去到Nginx配置目錄
1 | cd/usr/local/nginx/conf |
9.備份Nginx配置文件
1 | mvnginx.conf nginx.conf.bak |
10.打開配置文件，添加內(nèi)容
1 | vim nginx.conf |
內(nèi)容
