vue+express+mysql專案總結(node專案部署阿里雲通用)

重慶崽兒brand發表於2018-02-02

原文地址點這裡

  前面經歷千辛萬苦(菜鳥好多東西都第一次弄),終於把部落格的所有東西都準備好了,現在就只等部署了。下面我介紹下我的部署過程:

一、購買伺服器和域名

  如果需要域名(不用域名通過ip也可以訪問,雖然不方便,但可以節約一年幾十塊錢的域名費用,哈哈),建議提前購買,因為域名備案的時間比較長。

  我是在阿里雲上購買的伺服器和域名,伺服器是在阿里雲手機端上購買的活動產品,半年¥9.9(半年後續費好像就是原價了!!!下面是購買的截圖),域名是¥55一年(.com比較貴),點這裡去挑選合適你的伺服器吧~~

vue+express+mysql專案總結(node專案部署阿里雲通用)

二、伺服器環境搭建

  新購買的伺服器什麼都沒有,需要根據自己的須要搭建環境,我的部落格服務端是用node搭建的,所以我給伺服器搭建的是node環境,其他環境請自行百度~~~(我的伺服器是 CentOS 7)。

我的遠端連線工具是用的是:XShell,檔案上傳用的是:FileZilla。當然也可以用其他的工具,請自行下載~~

1. 格式化和掛載資料盤

先放原文地址《 Linux 格式化和掛載資料盤》,照著教程一步一步來就好了。

  在教程的第6步執行完之後,我執行了這條命令:mkdir /brand,建立了一個 brand 的資料夾來存放我自己上傳的東西,沒有放在教程的那個 /mnt 資料夾中,從第7步開始把 /mnt 換成 /brand 就好了。執行完這些後第一步就算是完成了,現在就可以在你的安裝你所需要的東西了~~

2.安裝資料庫

原文地址《 centos7 mysql資料庫安裝和配置

  • 第二步的時候先執行以下兩行程式碼,然後直接按 方法二 進行mysql的安裝。資料庫遠端工具我用的:Navicat Premium
# yum install mysql
# yum install mysql-devel
複製程式碼

  按照教程執行完畢後,如果有需要,可以修改資料庫預設的存放位置(請看下面教程),如果不想修改,就可以使用 Navicat Premium 遠端上你的遠端資料庫上進行建庫建表的操作了。

2.1.修改資料庫檔案預設存放位置

1.檢查mysql資料庫存放目錄

先登入資料庫
mysql -u root -p "password"

檢視sql儲存路徑(檢視datadir 那一行所指的路徑)
show variables like '%dir%'; 
複製程式碼

2.停止mysql服務

service mysqld stop
複製程式碼

3.建立新的資料庫存放目錄

mkdir /data/mysql
複製程式碼

4.移動/複製之前存放資料庫目錄檔案,到新的資料庫存放目錄位置

cp -R /usr/local/mysql/data/* /data/mysql/
複製程式碼

5.修改mysql資料庫目錄許可權以及配置檔案

chown mysql:mysql -R /data/mysql/

開啟/etc下的my.cnf檔案

vim /etc/my.cnf

將[mysqld]條目下的datadir和socket這兩欄註釋掉,並重新改新成你當前的路徑,我的是在/home/data/目錄下的,以下是我的修改內容供大家參考。

#datadir=/var/lib/mysql
datadir=/home/data/mysql
#socket=/var/lib/mysql/mysql.sock
socket=/home/data/mysql/mysql.sock)

在最後一行新增一個[mysql]的條目,並在下面新增以下內容:

[mysql]
socket=/home/data/mysql/mysql.sock

複製程式碼

6.啟動資料庫服務

service mysqld start

然後再執行第1步可以看到路徑已經改了
複製程式碼
3.node環境的搭建

原文地址《 部署Node.js專案(CentOS)

  我按照教程執行完 步驟2 的第* 第4步*就沒有按照它的教程做了。

  執行完 步驟2 的第* 第4步*,我安裝了cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org
複製程式碼

  cnpm安裝完成後,建立軟連結,使cnpm命令全域性有效:

ln -s /root/node-v6.9.5-linux-x64/bin/cnpm /usr/local/bin/cnpm
複製程式碼

4.安裝pm2 守護node程式

1.安裝
cnpm install -g pm2

2.建立軟連結,使cnpm命令全域性有效:
ln -s /root/node-v6.9.5-linux-x64/bin/pm2 /usr/local/bin/pm2

3.執行
cd node/
pm2 start ./bin/www

複製程式碼

5.安裝zip、unzip應用

為了避免上傳的檔案可能較大上傳時間就,或者傳輸過程中檔案丟失,我一般是先在本地壓縮後傳到伺服器再解壓,所以需要用到這個

1、安裝zip、unzip應用:

yum install zip unzip

2、壓縮和解壓檔案

  以下命令均在你 '上傳檔案' 的目錄下操作
    cd /home #進入/home目錄
  a、把/home目錄下面的mydata目錄壓縮為mydata.zip
    zip -r mydata.zip mydata #壓縮mydata目錄
  b、把/home目錄下面的mydata.zip解壓到mydatabak目錄裡面
    unzip mydata.zip -d mydatabak
  c、把/home目錄下面的abc資料夾和123.txt壓縮成為abc123.zip
    zip -r abc123.zip abc 123.txt
  d、把/home目錄下面的wwwroot.zip直接解壓到/home目錄裡面
    unzip wwwroot.zip
  e、把/home目錄下面的abc12.zip、abc23.zip、abc34.zip同時解壓到/home目錄裡面
    unzip abc\*.zip
  f、檢視把/home目錄下面的wwwroot.zip裡面的內容
    unzip -v wwwroot.zip
  g、驗證/home目錄下面的wwwroot.zip是否完整
    unzip -t wwwroot.zip
  h、把/home目錄下面wwwroot.zip裡面的所有檔案解壓到第一級目錄
    unzip -j wwwroot.zip
複製程式碼

6.nginx安裝、配置、域名繫結

1、安裝nginx

yum -y install nginx
複製程式碼

2、啟動nginx

service nginx star
複製程式碼

3、訪問(nginx預設是80埠)

如果出現下圖的內容,說明安裝成功。

vue+express+mysql專案總結(node專案部署阿里雲通用)

4、域名繫結

進入資料夾 /etc/nginx/conf.d/,我在這個資料夾下面放了3個config檔案,如圖,分別繫結的前端(wen.conf)、後端(admin.conf)和服務端(server.conf)的域名

vue+express+mysql專案總結(node專案部署阿里雲通用)
其中一個配置如下圖,其他類似

vue+express+mysql專案總結(node專案部署阿里雲通用)

5、重啟nginx

service nginx restart
(上面程式碼不行可以試試: nginx -s reload)
重啟完畢後就可以通過域名訪問了~~~
複製程式碼

到此為止,部署完畢,可以愉快的玩耍了

歡迎各位訪問我的個人部落格和github點個小星星

線上部落格地址點這裡

Github點這裡

自己這個部落格(第一版用vue寫的,現線上上版本是react版本的,後端是用的node express),感覺程式碼爛的一筆。。。各位掘金大佬門有木有好點的學習的資源推薦下。

相關文章