實戰：一步步教你部署本身的Nodejs應用

Date: 2020-4-24

若是你也有本身的小網站，本身的域名。請讓它跑起來，讓它穿梭在互聯網中，陌生人的微信，抖音，瀏覽器在這巨大的信息流中留下你的足跡。

接下來，我教你上線本身的網站

若是看完這篇文章，你的網站也上線了。請你告訴我，讓我一塊兒和你分享這份喜悅。

先看效果

在線演示

目錄

1. 關鍵技術點

2. 開始動手

   1. 購買域名，虛擬機
   2. 安裝生產環境套件
   3. 啓動本身的項目
   4. 編寫 nginx 配置
   5. 重啓 nginx
   6. 配置域名映射
3. 總結
4. 後記

關鍵技術點

1. 怎樣經過域名訪問到個人主機（配置域名DNS解析）
2. 服務器套件 mysql nginx nodejs 等 如何安裝

怎樣經過域名訪問到個人主機

其實這是最簡單的一步啦，購買域名的廠商都會有一個域名解析的頁面好比阿里雲的 雲解析DNS

服務器套件 mysql nginx nodejs 等 如何安裝

最簡單的辦法，安裝 寶塔 linxu 面板（圖形工具）
官網：https://www.bt.cn/download/linux.html

建議不要重度依賴寶塔，本身仍是要系統的學習 linux 知識，而後才能更好的使用工具。我以後也會出一些 linux 的文章。

開始動手

1. 購買域名，虛擬機

   【域名】 我推薦 阿里雲，阿里雲是國內最大的雲計算提供商。本身的域名我建議不要買 .com 的。好比我這個 xinglong.tech 10年才199元。

【虛擬機】就是一臺虛擬的電腦，雲計算服務商從一臺超大型計算機中虛擬一臺主機給你，國內雲計算廠商的都會給你分配公網IP, 我推薦買最低配的1核1GB內存，騰訊雲 新用戶首年99元。

1. 安裝生產環境套件

   1. 安裝 寶塔 Linux面板 安裝教程
   2. 圖形界面安裝各個軟件

1. 啓動本身的項目

   大部分項目啓動的方法都不太同樣。你本身的代碼你固然是知道怎麼啓動啦。不過要注意 配置 production 環境

2. 編寫 nginx 配置

   來，上手最簡單的 nginx 配置

   1. 在你電腦上新建文件 demo.conf

   2. 打開這個文件寫入

      server  {
          listen 80;
          server_name 你的域名; # 注意！！這裏須要替換掉
      
          location / {
              proxy_set_header Upgrade $http_upgrade;
              proxy_set_header Connection "upgrade";
              proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
              proxy_set_header Host $host;
      
              proxy_pass http://localhost:你項目的啓動端口/; 
              # 注意！！這裏須要替換掉
          }
      }

   3. 把這個文件上傳到你的虛擬機的 /www/server/panel/vhost/nginx/ 目錄下

3. 重啓 nginx

   1. 重啓 nginx 使用寶塔圖形界面。我仍是要建議你學習 nginx 命令，要多多學習 nginx 知識不要對圖形界面產生依賴

使用 ngixn 經常使用命令

$ nginx            #啓動
$ nginx -t         #測試全部的 nginx　配置是否正確
$ nginx -s reload　#重啓 nginx
$ nginx -s stop    #中止 nginx

1. 配置域名映射

這是最簡單的一步。

配置好之後在瀏覽器裏輸入你的域名試試看，應該就能夠訪問到你的網站了。

總結

這是最簡單的上線過程，若是你遇到困難了我幫你 wx: guzhan321

咱們安裝程序的時候嚴重依賴了寶塔，可是這是很差的習慣。我仍是建議你多訪問各大軟件的官網，看看官網的安裝方法以及文檔

Nodejs 官網：http://nodejs.cn/
Mysql 官網：https://www.mysql.com/
Nginx 官網：http://nginx.org/

後記

一邊實戰一邊查閱文檔是一個很不錯的學習方法。藉此機會，打開這些工具的官方文檔，他們的文檔就是最好的學習資料。

抓到我

• GitHub

資源分享：

• Xshell 免費破解版 連接: https://pan.baidu.com/s/1S_tG... 提取碼: 5vgq
• Navicat 免費破解版 連接: https://pan.baidu.com/s/1cj0W... 提取碼: qxfj