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