云服務器部署Node.js項目的方法步驟(小白系列)

更新時間：2020年03月23日 09:45:02 作者：自學兩年半的前端練習生

這篇文章主要介紹了云服務器部署Node.js項目的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

以aliyun為例，選購服務器建議選擇CentOS，配置按照自己的需求選擇，付款成功后進入控制臺頁面，重置root密碼即可遠程登錄服務器?？稍诳刂婆_點擊遠程登錄，也可在安裝了ssh的主機上登錄

# 查看公網(wǎng)ip
# 以下為示例公網(wǎng)ip
ssh root@150.77.1.85

環(huán)境安裝

安裝node.js

# As root
curl -sL https://rpm.nodesource.com/setup_12.x | bash -

# No root privileges 
curl -sL https://rpm.nodesource.com/setup_12.x | sudo bash -

yum install -y nodejs

#如需編譯c++插件
yum install gcc-c++ make
# or: yum groupinstall 'Development Tools'

檢查是否安裝成功

~$ node -v
v12.16.1
~$ npm -v
6.13.0

設置淘寶npm的淘寶鏡像

npm config set registry "https://registry.npm.taobao.org

全局安裝pm2

npm install pm2 -g

安裝nginx

Nginx是一款輕量級的Web 服務器/反向代理服務器及電子郵件（IMAP/POP3）代理服務器，在BSD-like 協(xié)議下發(fā)行。其特點是占有內存少，并發(fā)能力強，事實上nginx的并發(fā)能力在同類型的網(wǎng)頁服務器中表現(xiàn)較好，中國大陸使用nginx網(wǎng)站用戶有：百度、京東、新浪、網(wǎng)易、騰訊、淘寶等。

下載nginx

# 首先需確認安裝以下軟件
yum -y install gcc pcre-devel zlib-devel openssl openssl-devel

cd /usr/local
mkdir nginx
cd nginx
#下載最新版nginx
wget http://nginx.org/download/nginx-1.16.1.tar.gz
tar -zxvf nginx-1.16.1.tar.gz
# 拷貝到nginx文件夾
cp -r /usr/local/nginx/nginx-1.16.1/* /usr/local/nginx/
./configure
make
make install

修改config

cd conf
vi nginx.conf

#修改配置文件
#省略其他不做修改篇配置

http {
  server_tokens off;
  include    mime.types;
  default_type application/octet-stream;
  #access_log logs/access.log main;
  sendfile    on;
  #tcp_nopush   on;

  #keepalive_timeout 0;
  keepalive_timeout 65;

  gzip on;
  
  # 修改此處 nginx會自動加載enabled-server下面所有的配置文件
  include /usr/local/nginx/enabled-server/*;
  ...
}

有時候我們需要部署多個網(wǎng)站，所以一般新建以網(wǎng)站為名的配置文件，如myblog.conf

vi default.conf
# 配置文件
upstream nodepro {
  server 127.0.0.1:3000; #項目運行的端口號， 按實際修改
  keepalive 64;
}

server {
  listen 80; #要監(jiān)聽的端口號
  server_name xxxx.com www.xxxx.com; # 服務器名稱，ip地址或域名，可以寫多個，用空格隔開

  location / {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;
    proxy_set_header X-Nginx-Proxy true;
    proxy_set_header Connection "";
    proxy_pass http://nodepro; # 這里要和最上面upstream后的應用名一致，可以自定義
  }
}

檢測nginx配置是否成功

cd ..
./nginx -t
# 修改成功
nginx: the configuration file /www/server/nginx/conf/nginx.conf syntax is ok
nginx: configuration file /www/server/nginx/conf/nginx.conf test is successful

啟動nginx服務器

./nginx

服務器域名備案

aliyun官網(wǎng)購買域名并實名認證，通過審核后可開始備案
官網(wǎng)有代備案系統(tǒng)，點擊備案專區(qū)，根據(jù)提示進行備案（3-15個工作日）
控制臺點擊網(wǎng)絡與安全 -> 安全組 -> 配置規(guī)則 -> 添加安全組規(guī)則
協(xié)議類型選擇要創(chuàng)建的規(guī)則，如mysql（3306），redis（6379），http（80/80），https（443），可自定義

域名解析