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

原文地址點這裏html

  前面經歷千辛萬苦(菜鳥好多東西都第一次弄),終於把博客的全部東西都準備好了,如今就只等部署了。下面我介紹下個人部署過程:前端

1、購買服務器和域名

  若是須要域名(不用域名經過ip也能夠訪問,雖然不方便,但能夠節約一年幾十塊錢的域名費用,哈哈),建議提早購買,由於域名備案的時間比較長。vue

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

2、服務器環境搭建

  新購買的服務器什麼都沒有,須要根據本身的需要搭建環境,個人博客服務端是用node搭建的,因此我給服務器搭建的是node環境,其餘環境請自行百度~~~(個人服務器是 CentOS 7)。mysql

個人遠程鏈接工具是用的是:XShell,文件上傳用的是:FileZilla。固然也能夠用其餘的工具,請自行下載~~react

1. 格式化和掛載數據盤

先放原文地址《 Linux 格式化和掛載數據盤》,照着教程一步一步來就行了。linux

  在教程的第6步執行完以後,我執行了這條命令:mkdir /brand,建立了一個 brand 的文件夾來存放我本身上傳的東西,沒有放在教程的那個 /mnt 文件夾中,從第7步開始把 /mnt 換成 /brand 就行了。執行完這些後第一步就算是完成了,如今就能夠在你的安裝你所須要的東西了~~nginx

2.安裝數據庫

原文地址《 centos7 mysql數據庫安裝和配置git

  • 第二步的時候先執行如下兩行代碼,而後直接按 方法二 進行mysql的安裝。數據庫遠程工具我用的:Navicat Premium
# yum install mysql
# yum install mysql-devel
複製代碼

  按照教程執行完畢後,若是有須要,能夠修改數據庫默認的存放位置(請看下面教程),若是不想修改,就可使用 Navicat Premium 遠程上你的遠程數據庫上進行建庫建表的操做了。github

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應用

爲了不上傳的文件可能較大上傳時間就,或者傳輸過程當中文件丟失,我通常是先在本地壓縮後傳到服務器再解壓,因此須要用到這個

一、安裝zip、unzip應用:

yum install zip unzip

二、壓縮和解壓文件

  如下命令均在你 '上傳文件' 的目錄下操做
    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安裝、配置、域名綁定

一、安裝nginx

yum -y install nginx
複製代碼

二、啓動nginx

service nginx star
複製代碼

三、訪問(nginx默認是80端口)

若是出現下圖的內容,說明安裝成功。

四、域名綁定

進入文件夾 /etc/nginx/conf.d/,我在這個文件夾下面放了3個config文件,如圖,分別綁定的前端(wen.conf)、後端(admin.conf)和服務端(server.conf)的域名

其中一個配置以下圖,其餘相似

五、重啓nginx

service nginx restart
(上面代碼不行能夠試試: nginx -s reload)
重啓完畢後就能夠經過域名訪問了~~~
複製代碼

到此爲止,部署完畢,能夠愉快的玩耍了

歡迎各位訪問個人我的博客和github點個小星星

線上博客地址點這裏

Github點這裏

本身這個博客(初版用vue寫的,如今線上版本是react版本的,後端是用的node express),感受代碼爛的一筆。。。各位掘金大佬門有木有好點的學習的資源推薦下。

相關文章
相關標籤/搜索