一、背景
分享wallBlog項目部署上線的流程。以下是部署需要的工具以及環境：
- mac系統操作
- 一臺系統為CentOS 8.2服務器
- 寶塔Linux面板管理、運維項目
- Node v14.15.1
- Npm v6.14.8
- PM2管理器 v5.2.0
- MongoDB v4.4.6
- Nginx v1.21.0
- wallBlog線上地址：http://www.rasblog.com
- Github地址：https://github.com/Sujb-sus/wallBlog
- 碼云地址：https://gitee.com/Sujb/wall-blog
我這里僅是大概介紹一下流程，具體的服務器部署介紹可以參考該視頻：https://www.bilibili.com/video/av70120365/
二、服務器遠程連接
從阿里云買完一臺CentOS 8.2服務器，拿到服務器的公網ip，就可以在終端進行服務器遠程連接：
- 輸入命令：ssh root@xx.xx.xx.xx（公網ip地址）；
- 輸入服務器密碼，可在阿里云控制臺里面重置密碼；
- 連接上之后可以新增一個用戶，就不用一直用root用戶登陸了。
1、adduser wall // 添加用戶名wall
2、passwd wall // 重新設置密碼
3、whereis sudoers // 查詢sudo權限者路徑
4、chmod -v u+w /etc/sudoers // 給該路徑下的sudoers者添加讀寫權限
5、vim /etc/sudoers // 編輯該文件，在里面添加sudoers，在root All=(ALL) ALL下面添加一行 wall All=(ALL) ALL，就能保存了
vim文件會涉及一些Linux基本命令：
1、 i // 光標落地，可編輯文件
2、 Esc // 收起光標，不可編輯了
3、 :q // 不保存退出文件
4、 :wq // 保存且退出文件
5、 :wq! // 強制保存且退出文件
三、更換阿里的yum源且更新
1、備份你的原鏡像文件，以免出錯后可以恢復。
mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup
2、下載新的CentOS-Base.repo
到/etc/yum.repos.d/。我這邊是CentOs8.2版本，所以對應下載是阿里云的Centos-8.repo版本，根據服務器版本下載對應repo版本，這個需要注意一下。
wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-8.repo
3、運行yum makecache生成緩存。
yum makecache
4、查看系統所有可用源。
yum repolist enabled
5、更新yum。
yum -y update
更新完yum之后，就可以下載寶塔Linux面板了。
注意：下載寶塔Linux面板需要一個干凈的系統，不然下載不了。所以連接上了服務器，先更新一下yum，然后直接下載寶塔Linux面板，不做多余的事。如果系統已經安裝了其他東西，可以去阿里云重置一下系統，把系統清空干凈即可。
四、下載寶塔Linux面板
- 去寶塔官網 https://www.bt.cn/bbs/thread-19376-1-1.html 下載，連接服務器時需要用root用戶連接，因為只有root用戶才可下載；
- 下載完之后，控制臺會顯示登陸面板的賬號、密碼、訪問路徑，這個需要存起來，登陸要用；
- 在訪問前需要去阿里云的網絡安全組還有防火墻，放開8888端口才能進行訪問；
- 訪問路徑：xx.xx.xx.xx:8888 (公網ip地址 + 8888端口)；
- 輸入賬號密碼就能登進去了，可以在面板重置賬號、密碼、訪問路徑。
五、部署前端Vue項目
- 將打包后的Vue項目的資源放在寶塔里的文件目錄下，自行定義路徑；
- 在寶塔里的軟件商店下載Nginx；
- 下完之后就可以在里面配置Vue文件資源指向以及ip地址。
server
{
listen 80;
server_name xx.xx.xx.xx;
index index.html index.htm;
root /www/wwwroot/wall-blog/client;
}
到這步結束，前端項目就部署成功了，訪問一下ip，就有頁面出現了。
六、部署Node項目
- Node默認的端口是3000，所以得去阿里云的網絡安全組和防火墻先放開3000端口；
- 在寶塔里的軟件商店下載PM2管理器和MongoDB。PM2管理器內置 Node.js + Npm + Nvm + PM2，所以不需要額外下載Node了。而且能在PM2管理器里面切換Node的版本；
- MongoDB配置項BindIP要改成 0.0.0.0，這樣所有的外網都能訪問；
- 配完之后在寶塔內置的終端訪問mongo服務，新建數據庫，導入數據等。
注意：
1. 數據庫名可自行修改，但是需要跟code/server/config.js文件同步上；
2. 登錄管理后臺時，需要給數據庫創建users集合，并注冊一個賬號進行登錄；
> mongo // 開啟mongo服務
> show dbs // 顯示數據庫列表
> use wallBlog // 新建一個wallBlog數據庫
> db.createUser({user:"wall",pwd:"123456",roles:[{role:"readWrite",db:'wallBlog'}]}) // 在wallBlog數據庫創建一個wall用戶，密碼為123456
> show users // 展示該庫有哪些用戶
> db.auth("wall", "123456"); // 數據庫認證一下用戶、密碼
> db.users.insert({ // 往該庫的users集合插入一條數據，賬號：admin 密碼：123456
"pwd" : "e10adc3949ba59abbe56e057f20f883e",
"username" : "admin",
"roles" : [
"admin"
]
})
> show collections // 查詢該庫下的集合（類似于mysql的表）
> db.users.find() // 查詢users集合下的所有數據
- 在寶塔的文件目錄里添加Node項目資源，上傳的時候去掉node modules。
- Node項目里需包含package.json、package-lock.json、.babelrc文件；前2者為了安裝依賴，后者是為了將es6的語法編譯為CommonJs規范的語法；
- 安裝好依賴，就可以打開PM2管理器，添加Node項目，讓項目跑起來；
- 在nginx配置接口的反向代理
server
{
location /client_api {
proxy_pass http://127.0.0.1:3000/client_api;
proxy_set_header Host $host:$server_port;
}
}
需要注意的是：要配上接口的前綴（client_api），不然會匹配到所有請求，包含了前端一些打包后的資源請求，會導致有問題。
總結
自己多動手去嘗試，不懂就查資料，一定可以的。
