Mac搭建本地服務器並映射到外網

最近在學習Html,小有進步變想着寫一個浪漫的靜態頁面給女朋友浪漫一下,那么問題就來了,如何把我的網頁讓對網絡一竅不通的女朋友看到,所以便想到了是用自己電腦作為服務器的想法.百度以后整理如下:

首先搭建本地服務器

Mac自帶Apache服務器,所以比較簡單
一: 打開終端

//開啟apache:需要輸入密碼
sudo apachectl start 
//重啟apache:
sudo apachectl restart
//關閉apache:
sudo apachectl stop

 

開啟成功之后用同一局域網的瀏覽器打開http://127.0.0.1/或者http://localhost測試一下回顯示

 

局域網It work.png

 

 

 

二: 此處顯示的網頁在/Library/WebServer/Documents,打開文件路徑

 

image.png

it work的網頁是上圖的index.html.en,以此類推,如果想要放自己的網站,可以吧文件拖入上圖,類似HaiMiLove文件,此時打開http://127.0.0.1/haimilove的鏈接便是你自己的網頁了

三:使用完成記得關閉,不然很耗費電腦性能

本地web服務映射到外網

一: 什么是ngrok
本地服務映射到外網有很多,但這里說的是通過免費ngrok內網穿透映射到外網
ngrok官網下載地址:https://ngrok.com/download
Ngrok 是一個反向代理，通過在公共的端點和本地運行的 Web 服務器之間建立一個安全的通道。

 

ngrok官網介紹.png

 

二: 如何使用ngrok
上面已經介紹了如何打開本地web服務,在上面的基礎上開始映射到外網奧

1.  

    下載

    

   

    

    

   官網下載.png

2. 解壓縮,並放到一個你認為合適的地方,注意:解壓縮后的二進制文件是直接使用的,所以放到一個你認為方便的地方開始用終端命令行使用它吧
   2.1 使用命令行 打開文件所在位置,一下以我自己文件位置為例

 

 

cd /Users/mass

 

image.png

2.2 開啟服務

./ngrok http localhost:80

 

注意,此處開啟服務需要用上面的時候開啟本地服務時候的端口號,如果你從來沒有設置過則默認是80 ,如果不是可以在/etc/apache2/httpd.conf的網絡配置文件中查看,具體的方法自行百度

 

修改默認路徑

 

修改默認端口號

 

開啟成功.png

注意:http://097df238.ngrok.io便是外網可以訪問的地址,這個地址在每次開啟服務都是不同的,如果想要固定地址,就得注冊ngrok獲得token並付費獲得,具體流程在注冊成功后官網介紹很詳細,上圖中的Account便是我注冊的免費賬戶,通過 auth token綁定

3.  

    

   你還可以通過 http://127.0.0.1:4040 ngrok正在運行，查看隧道請求的歷史記錄。您還可以檢查每個請求的標題和響應，或者重播請求以加快您的開發過程。當然也可以在終端查看
    

   

   流量.png

以上便是基本的搭建本地服務映射外網的基本使用,更深層次的使用方法還有很多,需要自己慢慢探尋了,有不對的地方希望能流言糾正,謝謝😁

來源：簡書 鏈接：https://www.jianshu.com/p/1d1a90b3a730