最近在學(xué)習(xí)Html,小有進(jìn)步變想著寫(xiě)一個(gè)浪漫的靜態(tài)頁(yè)面給女朋友浪漫一下,那么問(wèn)題就來(lái)了,如何把我的網(wǎng)頁(yè)讓對(duì)網(wǎng)絡(luò)一竅不通的女朋友看到,所以便想到了是用自己電腦作為服務(wù)器的想法.百度以后整理如下:
首先搭建本地服務(wù)器
Mac自帶Apache服務(wù)器,所以比較簡(jiǎn)單
一: 打開(kāi)終端
//開(kāi)啟apache:需要輸入密碼
sudo apachectl start
//重啟apache:
sudo apachectl restart
//關(guān)閉apache:
sudo apachectl stop
開(kāi)啟成功之后用同一局域網(wǎng)的瀏覽器打開(kāi)http://127.0.0.1/或者http://localhost測(cè)試一下回顯示
it work的網(wǎng)頁(yè)是上圖的index.html.en,以此類推,如果想要放自己的網(wǎng)站,可以吧文件拖入上圖,類似HaiMiLove文件,此時(shí)打開(kāi)http://127.0.0.1/haimilove的鏈接便是你自己的網(wǎng)頁(yè)了
三:使用完成記得關(guān)閉,不然很耗費(fèi)電腦性能
本地web服務(wù)映射到外網(wǎng)
一: 什么是ngrok
本地服務(wù)映射到外網(wǎng)有很多,但這里說(shuō)的是通過(guò)免費(fèi)ngrok內(nèi)網(wǎng)穿透映射到外網(wǎng)
ngrok官網(wǎng)下載地址:https://ngrok.com/download
Ngrok 是一個(gè)反向代理，通過(guò)在公共的端點(diǎn)和本地運(yùn)行的 Web 服務(wù)器之間建立一個(gè)安全的通道绞旅。
二: 如何使用ngrok
上面已經(jīng)介紹了如何打開(kāi)本地web服務(wù),在上面的基礎(chǔ)上開(kāi)始映射到外網(wǎng)奧
-
下載官網(wǎng)下載.png
解壓縮,并放到一個(gè)你認(rèn)為合適的地方,注意:解壓縮后的二進(jìn)制文件是直接使用的,所以放到一個(gè)你認(rèn)為方便的地方開(kāi)始用終端命令行使用它吧
2.1 使用命令行 打開(kāi)文件所在位置,一下以我自己文件位置為例
cd /Users/massimage.png
2.2 開(kāi)啟服務(wù)
./ngrok http localhost:80
注意,此處開(kāi)啟服務(wù)需要用上面的時(shí)候開(kāi)啟本地服務(wù)時(shí)候的端口號(hào),如果你從來(lái)沒(méi)有設(shè)置過(guò)則默認(rèn)是80 ,如果不是可以在/etc/apache2/httpd.conf的網(wǎng)絡(luò)配置文件中查看,具體的方法自行百度
修改默認(rèn)路徑修改默認(rèn)端口號(hào)
注意:http://097df238.ngrok.io便是外網(wǎng)可以訪問(wèn)的地址,這個(gè)地址在每次開(kāi)啟服務(wù)都是不同的,如果想要固定地址,就得注冊(cè)ngrok獲得token并付費(fèi)獲得,具體流程在注冊(cè)成功后官網(wǎng)介紹很詳細(xì),上圖中的Account便是我注冊(cè)的免費(fèi)賬戶,通過(guò) auth token綁定
-
你還可以通過(guò) http://127.0.0.1:4040 ngrok正在運(yùn)行熔萧，查看隧道請(qǐng)求的歷史記錄挪丢。您還可以檢查每個(gè)請(qǐng)求的標(biāo)題和響應(yīng)我抠，或者重播請(qǐng)求以加快您的開(kāi)發(fā)過(guò)程。當(dāng)然也可以在終端查看流量.png
以上便是基本的搭建本地服務(wù)映射外網(wǎng)的基本使用,更深層次的使用方法還有很多,需要自己慢慢探尋了,有不對(duì)的地方希望能流言糾正,謝謝??
阿里云雙十二優(yōu)惠一折起
阿里云服務(wù)器免費(fèi)領(lǐng)了,企業(yè)新用戶:4核-8G-5M,個(gè)人用戶:2核-4G-1M
點(diǎn)擊立即領(lǐng)取
免費(fèi)阿里云服務(wù)器立即領(lǐng)取
