怎麼把網站分享給別人看


我架好網站了,酷斃了!大家趕快連到我的網站來看看。

你貼給別人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參考資料


results matching ""

    No results matching ""