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