最近在學習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服務,在上面的基礎上開始對映到外網奧

下載

官網下載.png
解壓縮,並放到一個你認為合適的地方,注意:解壓縮後的二進位制檔案是直接使用的,所以放到一個你認為方便的地方開始用終端命令列使用它吧
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繫結

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

流量.png
以上便是基本的搭建本地服務對映外網的基本使用,更深層次的使用方法還有很多,需要自己慢慢探尋了,有不對的地方希望能流言糾正,謝謝
---------------------
作者：海M濱
來源：CSDN
原文：https://blog.csdn.net/u012918868/article/details/80891675
版權宣告：本文為博主原創文章，轉載請附上博文連結！