【Ngrok】免費公開 localhost 網站 - 使用隨機生成網址

安安吶~

今天我想跟各位分享如何免費的把本地網站上傳到網路上
在開始之前先說一下，本人是完全的對於程序0經驗所以用語可能會有些錯誤
會去找『如何把網站從 Localhost 弄到網路上』也是因為想要上架 Halo 網站時不知道怎麼弄才會去找搭
所以恩… 如果你對程序之類的比較了解的話應該就不需要閱讀我這篇惹

Ngrok:使用

那首先我們需要使用到的就是一個叫做Ngrok的網站
你可以從這個連結中進入 --> https://ngrok.com/

然後你會看到以下頁面

點一下 『Sign up for free』後註冊一個帳號
註冊完之後 記得去你的郵箱裡認證郵件
之後你就可以回去 Ngrok 的頁面

如果你是用 Windows 的話，點一下 『Download for Windows』就可以囉

之後你會可以看到一個 zip 檔案，可以隨便用一個解壓縮的軟體解壓縮這個檔案 (ngrok-v3-stable-windows-amd64)

之後雙擊 zip 檔案裡的程式 (ngrok)

他會跳出一個像是這樣的東西:

你打開上面那個面板後，需要回去 Ngrok 網站複製下圖塗白的地方到這個面板上後按下 Enter

之後就是打類似下面的東東
範例1

ngrok http 80

範例2

ngrok http https://localhost:8090

範例3

ngrok http 8090

後面接的數字就是你的 localhost: 後面的數字

參見下圖涂黃的部分:

輸入後如果一切順利就會出現以下的畫面

被我涂黃的部分就是我的網址，你的網址也應該出現在這個位置
其餘有些地方被我塗黑惹 (( 窩ㄅ知道那些是不是很敏感的東東所以保險起見塗黑惹

我的 Halo 網站

之後就可以像是上圖這樣透過 Ngrok 自動生成的網址訪問這個網站拉
我的網址 (自動生成的) --> https://2185-2001-871-24c-2c6d-a409-72b9-27a8-942a.eu.ngrok.io/

(當你在讀這篇文章時這個以上的網址應該已經不能使用了)

使用這個方式就是有一些缺點，下面我列一下

Ngrok 免費方案的缺點:

1. 網址不是永久的 ((現在貌似每 2 個小時就會失效一次，之後就要重新生成網址，網址會不停變動
2. 網址看起來敲怪，有些人可能看到這某奇怪的網址就不會點進來惹
3. 如果是要架網站的話沒有一定要使用 Ngrok 的必要
   (( 我會使用 Ngrok 主要就是因為窩真的不會 / 不知道怎麼把 Halo 網站弄到網路上 qq
   如果你的網站是用像是html寫的話就有很多替代品拉
   像是 Netify， Github 之類的