怎麼把網站分享給別人看
我架好網站了,酷斃了!大家趕快連到我的網站來看看。
你貼給別人http://127.0.0.1:3000
或是http://localhost:3000
,然後發現別人連不進來
因為那網址是你自己的電腦才看得懂網址,自家的IP都是127.0.0.1或叫localhost,所以打開你的cmd,並且輸入ipconfig -all
,Mac則要輸入ifconfig
,可以在無線區域網路介面卡 無線網路連線
或是類似名稱網路連線中找到IPV4的位址,舉例來說我查到的IP就長這樣。
IPv4 位址 . . . . . . . . . . . . : 10.110.17.150(偏好選項)
所以我把http://10.110.17.150:3000
給我旁邊的同學,他們就看的到了,太棒了!
接著你打開Line打算把網址傳給你媽媽,希望能讓媽媽看到你這個光宗耀祖的好網站,但是你媽會跟你說她什麼都沒看到,你心想真的好慘,為什麼人生那麼難,別太難過,因為你的那個IP是區域網路IP,有點像是你在學校裡面跟其他人說你是幾年幾班,別人可以找的到你,但如果跟學校外面的人說你幾年幾班,他根本就不知道你是什麼學校的幾年幾班。
要解決這個問題,你可能需要把你的網站放在網路上的機器,或是申請一個固定IP,但是你心想我才剛開始而已,我只是想給我嬤嬤看我的Hello World,一定要這麼難嗎?確實,以前就是那麼麻煩,但是最近出了一個好東西叫做Ngrok,讓我們接著看下去吧!
Ngrok - 把你的Demo推上網路世界的好幫手!
ngrok是個很有趣的 service,他讓你可以把你在本機端跑的網站暴露到外面給人家連接。這讓你在做一些開發還有測試的時候會帶給你很大的方便!
要使用 ngrok 很簡單,首先先到ngrok 的下載頁根據你的作業系統下載需要的版本,接著解壓縮之後,在命令列輸入
Windows中
ngrok http 3000
Mac與Linux中
./ngrok http 3000
ngrok 就會給你一個網址,其他人就可以透過這個網址連到你的電腦看你的網站了!
不過每次關閉再開啟,網址都會不同喔!
Ngrok參考資料