全棧工程師之路——服務(wù)器端自動部署

OpenDigg 發(fā)布于2019-08-22 15:49 / 1688人閱讀

摘要：如果你想要成為一名全棧工程師，那么就必須要學(xué)會，學(xué)會線上服務(wù)器部署和發(fā)布。準備為了避免個人花錢買云服務(wù)器。用戶名必須正確，否則會提示服務(wù)器拒絕密碼。還有一個這個是自動部署需要的，目錄結(jié)構(gòu)如下這文件的配置很重要。

前言

作為一名前端工程師，不僅要能寫前端頁面，還要懂前端工程，各種庫，各種框架，各種衍生語言，信手捏來。
如果你想要成為一名全棧工程師，那么就必須要學(xué)會Node.js，學(xué)會線上服務(wù)器部署和發(fā)布。

準備

為了避免個人花錢買云服務(wù)器。我試驗的方式是本地Vmware虛擬機（裝ubuntu 16.04）和本地windows平臺(win7)。

1 Vmware虛擬機裝上ubuntu（教程網(wǎng)上找）
裝好以后，調(diào)整下窗口：

2 本地win7裝上xshell

開始

當然，你搞Node.js，肯定虛擬機上要配置NodeJs環(huán)境
虛擬機搜Terminal,打開命令行，依次輸入一下命令。
1 升級一下包

sudo apt-get update

2 安裝一些必備工具

sudo apt-get install git vim openssl openssh-server  build-essential libssh-dev wget curl

openssh-server是我們通過ssh連接用到。
curl是一個Linux下的傳輸工具
git是安裝我們的Node.js源碼需要的版本工具

3 安裝nvm

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

4 安裝nodejs

nvm install v8.1.2
nvm use v8.1.2

5 關(guān)閉防火墻（因為后面我們要ssh連到這臺虛擬機，所以防火墻最好是關(guān)閉）

sudo ufw stop

6 安裝yarn vue-cli pm2

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt-get update && sudo apt-get install yarn
npm install vue-cli pm2 -g

yarn是一個包管理工具，相當于npm
vue-cli是一個Vue的命令行工具
pm2是Node服務(wù)管理工具

測試虛擬機上Node是否安裝好

虛擬機上創(chuàng)建一個server.js：

vi server.js

拷貝代碼進去：

然后按下:wq! 保存
最后測試：

pm2 start server.js

如果看到如下狀態(tài)，說明啟動成功。

本地windows（win7）連接到虛擬機

1 修改sshd_config(保證能通過密碼登錄)

vim /etc/ssh/sshd_config

找到：
Authentication:
LoginGraceTime 120
PermitRootLogin prohibit-password
StrictModes yes

修改成：

Authentication:
LoginGraceTime 120
PermitRootLogin yes
StrictModes yes

2 虛擬機啟動ssh

sudo service ssh start

3 查看ip（記住你的IP）

ifconfig

4 打開xshell
輸入ssh [email protected]
@前面是用戶名 @后面是IP。用戶名必須正確，否則會提示服務(wù)器拒絕密碼。另外虛擬機的網(wǎng)絡(luò)配置是NAT，不需要改為橋接。
正常情況下能鏈接成功

創(chuàng)建一個私有倉庫

我用的是bitbuket，自己先到上面常見一個push2Server的倉庫。

然后本地clone下來

目錄下創(chuàng)建一個server.js，代碼和上面的一樣。還有一個ecosystem.json(這個是pm2自動部署需要的)，目錄結(jié)構(gòu)如下：

ecosystem.json這文件的配置很重要。

{
  "apps": [
    {
      "name": "Test",
      "script": "server.js",
      "env": {
        "COMMON_VARIABLE": "true"
      },
      "env_production": {
        "NODE_ENV": "production"
      }
    }
  ],
  "deploy": {
    "production": {
      "user": "ubuntu", //注意點1： user必須是你ubuntu的名字
      "host": "192.168.150.129", //注意點2： ip保證正確
      "port": "22", //端口保證正確
      "ref": "origin/master",
      "repo": "[email protected]:YellMan/push2server.git", //注意點3 必須用git@..開頭 不要 用https開頭的
      "path": "/home/ubuntu/www/testproject/production",//注意點4 目錄最好是絕對路徑
      "ssh_options": "StrictHostKeyChecking=no",
      "env": {
        "NODE_ENV": "production"
      }
    }
  }
}

直接看注意點3：因為虛擬機上要clone倉庫代碼，所以虛擬機上需要配置一下，git倉庫的key.

到bitbuket上面的倉庫，添加一個key。

key怎么生成看教程：https://confluence.atlassian....

$ ssh-keygen 
$ cat ~/.ssh/id_rsa.pub
$ pbcopy < ~/.ssh/id_rsa.pub

最后一步很重要：到虛擬機上運行：

ssh -T [email protected]

注意點4：因為pm2要在虛擬機上創(chuàng)建這個路徑：/home/ubuntu/www/testproject/production。所以要保證testproject和www路徑必須有權(quán)限。/home/ubuntu是我的根路徑,然后創(chuàng)建www目錄，目錄下再創(chuàng)建testproject.
虛擬機上給一下權(quán)限：

sudo chmod 777 www
sudo chmod 777 testproject

最后，提交代碼到遠程倉庫。

發(fā)布前配置

本地運行：

pm2 deploy ecosystem.json production setup

如果出現(xiàn)一下錯誤，重試一下就好了：

如果出現(xiàn)一下錯誤：

在服務(wù)端配置一下ssh key到的私有倉庫（看注意點3）
如果出現(xiàn)以下錯誤：

這是因為pm2是全局安裝的，路徑不是在默認路徑下面。所以需要用ls命令link一下.
在虛擬機運行如下命令：

whereis pm2
pm2: /opt/nodejs/bin/pm2
sudo ln -s /opt/nodejs/bin/pm2 /usr/bin/pm2

如果出現(xiàn)一下錯誤：

同理：

ubuntu@ubuntu:~$ whereis node
node: /usr/bin/node /home/ubuntu/.nvm/versions/node/v8.1.2/bin/node
sudo ln -s /home/ubuntu/.nvm/versions/node/v8.1.2/bin/node /usr/bin/node

最后發(fā)布項目

pm2 deploy ecosystem.json production

虛擬上看一下是否自動部署成功：

恭喜你，你成功了！

以上就是今天分享的內(nèi)容，謝謝閱讀，歡迎留言交流。

云服務(wù)器 GPU云服務(wù)器全棧工程師全棧開發(fā)工程師 python全棧工程師如何成為全棧工程師

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/93782.html

發(fā)表評論

登陸后可評論

0條評論

OpenDigg

男|高級講師

我要關(guān)注我要私信

TA的文章

【測試】01-基礎(chǔ)推進-請求方法

閱讀 2683·2021-11-18 10:02
EasyUI項目之門戶書籍、類別查詢、圖片上傳

閱讀 3415·2021-09-28 09:35
主機最主要是什么-組裝電腦最主要的是什么？

閱讀 2594·2021-09-22 15:12
主機商如何防止攻擊-針對互聯(lián)網(wǎng)攻擊，高防服務(wù)器將如何防御？

閱讀 753·2021-09-22 15:08
NVIDIA Jetson之I2C測試

閱讀 3108·2021-09-07 09:58
10g.biz：【八月老用戶尊享活動】香港/日本七星級服務(wù)器 E5v2 + 16G + 1T +

閱讀 3475·2021-08-23 09:42
對于web前端的理解

閱讀 735·2019-08-30 12:53
css 聊聊position屬性

閱讀 2085·2019-08-29 13:51

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

全棧工程師之路——服務(wù)器端自動部署

相關(guān)文章

網(wǎng)站部署

【小項目】全棧開發(fā)培訓(xùn)手冊 | 后端（1） vert.x框架理解

??程序員國企太安逸想辭職，又嫌私企大廠壓力大996我該如何選擇？（高級全棧自動化之路）

**全棧最后一公里 - Node.js 項目的線上服務(wù)器部署與發(fā)布**

發(fā)表評論

0條評論

OpenDigg

男|高級講師

TA的文章

【測試】01-基礎(chǔ)推進-請求方法

EasyUI項目之門戶書籍、類別查詢、圖片上傳

主機最主要是什么-組裝電腦最主要的是什么？

主機商如何防止攻擊-針對互聯(lián)網(wǎng)攻擊，高防服務(wù)器將如何防御？

NVIDIA Jetson之I2C測試

10g.biz：【八月老用戶尊享活動】香港/日本七星級服務(wù)器 E5v2 + 16G + 1T +

對于web前端的理解

css 聊聊position屬性

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

全棧工程師之路——服務(wù)器端自動部署

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！