一步步教你部署自己的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元。

2. 安裝生產環境套件
   1. 安裝 寶塔 Linux面板 安裝教程
   2. 圖形界面安裝各個軟件

3. 啟動自己的項目

   大部分項目啟動的方法都不太一樣。你自己的代碼你當然是知道怎么啟動啦。不過要注意 配置 production 環境

4. 編寫 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/ 目錄下

5. 重啟 nginx

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

使用 ngixn 常用命令

$ nginx            #啟動
$ nginx -t         #測試所有的 nginx　配置是否正確
$ nginx -s reload　#重啟 nginx
$ nginx -s stop    #停止 nginx

6. 配置域名映射

這是最簡單的一步。

配置好以后在瀏覽器里輸入你的域名試試看，應該就可以訪問到你的網站了。

總結

這是最簡單的上線過程，如果你遇到困難了記得告訴我

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

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

后記

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

抓到我

• GitHub

資源分享：

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

如果你看完了我的文章，並且有所收獲的話，

我希望能給我一點點打賞

讓我知道你在看。我會持續輸出更多優質內容