摘要：服務(wù)器部署教程一服務(wù)器部署教程二，把項(xiàng)目部署到線上本文以我個(gè)人的開(kāi)源項(xiàng)目作為演示，讓你把自己的項(xiàng)目能在服務(wù)器上跑起來(lái)安裝數(shù)據(jù)庫(kù)如何在上安裝數(shù)據(jù)庫(kù)，其實(shí)官方文檔寫(xiě)的很清楚啦切記按找版本號(hào)安裝，我的是完成以上操作輸入看到

nodejs服務(wù)器部署教程一
nodejs服務(wù)器部署教程二，把vue項(xiàng)目部署到線上
本文以我個(gè)人的開(kāi)源項(xiàng)目vueblog作為演示，讓你把自己的項(xiàng)目能在服務(wù)器上跑起來(lái)

如何在ubuntu上安裝mongodb數(shù)據(jù)庫(kù)，其實(shí)官方文檔寫(xiě)的很清楚啦

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 0C49F3730359A14518585931BC711F9BA15703C6切記按找ubuntu版本號(hào)安裝，我的是16.04

echo "deb [ arch=amd64,arm64 ] http://repo.mongodb.org/apt/ubuntu xenial/mongodb-org/3.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

sudo apt-get update

sudo apt-get install -y mongodb-org

sudo service mongod start

完成以上操作輸入mongo 看到如下信息表示：

第一個(gè)： WARNING: Using the XFS filesystem is strongly recommended with the WiredTiger storage engine
意思是：強(qiáng)烈建議使用帶WiredTiger存儲(chǔ)引擎的XFS文件系統(tǒng)，這個(gè)不用管它

第二個(gè)： WARNING: Access control is not enabled for the database
意思是：未對(duì)數(shù)據(jù)庫(kù)啟用訪問(wèn)控制，對(duì)數(shù)據(jù)和配置的讀寫(xiě)訪問(wèn)不受限制（危險(xiǎn)的warning），這個(gè)也不用管它

第三個(gè)：WARNING: /sys/kernel/mm/transparent_hugepage/enabled is "always"
解決方法：
sudo chmod 777 /sys/kernel/mm/transparent_hugepage/enabled
cat /sys/kernel/mm/transparent_hugepage/enabled
echo never > /sys/kernel/mm/transparent_hugepage/enabled

第四個(gè)：WARNING: /sys/kernel/mm/transparent_hugepage/defrag is "always"
解決方法：
sudo chmod 777 /sys/kernel/mm/transparent_hugepage/defrag
cat /sys/kernel/mm/transparent_hugepage/defrag
echo never > /sys/kernel/mm/transparent_hugepage/defrag
重啟：sudo service mongod restart
完成以上操作你就成功在你的遠(yuǎn)程服務(wù)器上安裝mongodb了

很多時(shí)候我們項(xiàng)目要上線，需要把本地的初始化數(shù)據(jù)導(dǎo)入到線上

首先在本地開(kāi)啟你的mongodb，并把數(shù)據(jù)備份到本地

比如說(shuō)我要備份vueblog數(shù)據(jù)庫(kù)到c:vueblog-backup文件夾：
mongodump -h 127.0.0.1:27017 -d vueblog -o C:vueblog-backup
備份出來(lái)的數(shù)據(jù)長(zhǎng)這樣

通過(guò)ftp工具把數(shù)據(jù)上傳到遠(yuǎn)程服務(wù)器，例如我上傳到了home/wmui文件夾下

接著在服務(wù)器導(dǎo)入數(shù)據(jù)到vueblog數(shù)據(jù)庫(kù)

mongorestore -h 127.0.0.1:27017 -d vueblog ./vueblog-backup/vueblog
切記路徑不要搞錯(cuò)了
查看是否導(dǎo)入成功：
mongo
use vueblog

這里以我寫(xiě)的開(kāi)源項(xiàng)目vueblog作為演示，此項(xiàng)目基于vue+node+mongodb開(kāi)發(fā)

把服務(wù)器的/home/wmui/.ssh/下的id_res.pub添加到github的ssh公鑰，wmui是你自己創(chuàng)建的用戶

在項(xiàng)目根目錄下創(chuàng)建ecosystem.json，pm2的發(fā)布腳本

{
  "apps": [{
    "name": "vueblog",
    "script": "./server.js",
    "env":
    {
      "COMMON_VARIABLE": "true"
    },
    "env_production":
    {
      "NODE_ENV": "production"
    }
  }]
}

把改動(dòng)commit到github

設(shè)置文件夾的可讀寫(xiě)權(quán)限

sudo chmod 777 /www
我默認(rèn)是把項(xiàng)目clone到/www文件夾下

找到/home/wmui/下.bashrc:

注釋掉

# case $- in
#    *i*) ;;
#      *) return;;
#esac

cd 到www目錄下，clone項(xiàng)目到你的服務(wù)端

由于本地測(cè)試網(wǎng)址用的localhost，而線上肯定是你自己的域名，所以要解析域名和修改網(wǎng)址

添加nginx配置文件

upstream vueblog {
    server 127.0.0.1:8080;
}

server {
    listen 80;
    server_name vueblog.86886.wang;

    location / {
        proxy_set_header Host  $http_host;
        proxy_set_header X-Real-IP  $remote_addr;  
        proxy_set_header X-Forwarded-For  $proxy_add_x_forwarded_for;
        proxy_set_header X-Nginx-proxy true;
        proxy_pass http://vueblog;
        proxy_redirect off;
    }
}

命名為vueblog-8080.conf,保存到/etc/nginx/conf.d文件夾下
執(zhí)行 sudo nginx -s reload 重啟服務(wù)器

server.js：

const dom = new JSDOM("", { url: "http://localhost:8080" })
const dom = new JSDOM("", { url: "http://vueblog.86886.wang" })

app.js:

const baseURL = "http://localhost:8080/api"
const baseURL = "http://vueblog.86886.wang/api"  

完成以上操作，就可以準(zhǔn)備啟動(dòng)項(xiàng)目了
首先npm install安裝依賴包
然后pm2執(zhí)行:
pm2 start ecosystem.json --env production

由于我主要是做前端的，對(duì)于服務(wù)器運(yùn)維方面知識(shí)了解也不多，所以關(guān)于安全項(xiàng)的設(shè)置就沒(méi)有考慮，不過(guò)如果僅僅想讓自己的項(xiàng)目在服務(wù)器上跑起來(lái)，以上應(yīng)該足夠啦