使用工具

• phpstudy（本地搭建web網(wǎng)站）
• cpolar內(nèi)網(wǎng)穿透（將網(wǎng)站發(fā)布到公網(wǎng)可訪問）

1. 本地搭建web網(wǎng)站

1.1 下載phpstudy后解壓并安裝

官網(wǎng)下載：https://www.xp.cn/download.html

安裝后的效果，如圖：

點擊，一鍵啟動 WNMP 旁邊的啟動按鈕，會默認(rèn)啟動nginx，MYSQL 5.7，在啟動過程中，如有提示防火墻提示，允許即可。

1.2 打開默認(rèn)站點，測試

在PHPStudy面版–網(wǎng)站–選擇localhost 80的默認(rèn)站點，點擊管理，彈出下拉菜單，選擇打開網(wǎng)站，會彈出瀏覽器，打開本地默認(rèn)站點http://localhost

如下圖，說明安裝成功。

1.3 下載靜態(tài)演示站點

下載:https://www.cpolar.com/static/downloads/meditation-app-master.zip

下載后，解壓縮，復(fù)制目錄下的所有文件，如下圖

1.4 打開站點根目錄

我們找到并打開網(wǎng)站的根目錄

默認(rèn)在 D:\phpstudy_pro\WWW, 我們將目錄里所有文件刪除，如下圖

1.5 復(fù)制演示站點到站網(wǎng)根目錄

復(fù)制我們的演示站點所有文件到該目錄下,復(fù)制后如下圖：

1.6 在瀏覽器中，查看演示效果。

這個網(wǎng)站此時只能在本地局域網(wǎng)內(nèi)訪問，公網(wǎng)暫時還無法訪問到。

2. 將本地web網(wǎng)站發(fā)布到公網(wǎng)

要將在本地搭建的網(wǎng)站發(fā)布到公網(wǎng)可訪問，可以做內(nèi)網(wǎng)穿透來實現(xiàn)，我這里選擇用cpolar內(nèi)網(wǎng)穿透，支持http/https/tcp協(xié)議，不限制流量，可以免費使用，不用公網(wǎng)IP，也不用設(shè)置路由器，使用比較簡單。

2.1 安裝cpolar內(nèi)網(wǎng)穿透

cpolar內(nèi)網(wǎng)穿透官網(wǎng)：https://www.cpolar.com/

點擊進(jìn)入cpolar官網(wǎng)，點擊免費使用注冊一個賬號，并下載最新版本的cpolar

Windows系統(tǒng)下載zip壓縮包，解壓后得到cpolar安裝包，然后雙擊安裝包一路默認(rèn)安裝即可；linux系統(tǒng)支持一鍵自動安裝腳本；macOS系統(tǒng)下載zip壓縮包，解壓后得到cpolar，然后通過命令行帶參數(shù)運行即可。

linux系統(tǒng)以及macOS系統(tǒng)安裝cpolar可參考官網(wǎng)文檔教程————→https://www.cpolar.com/docs

2.2 映射內(nèi)網(wǎng)端口

cpolar安裝完成后，在瀏覽器上訪問127.0.0.1:9200，使用cpolar賬號登錄web UI

登錄成功進(jìn)入主界面后，點擊左側(cè)儀表盤的隧道管理——創(chuàng)建隧道

• 隧道名稱：可自定義命名，注意不要重復(fù)
• 協(xié)議：選擇http
• 本地地址：80（填寫你想要映射的內(nèi)網(wǎng)端口）
• 域名類型：免費用戶選擇隨機(jī)域名，付費用戶可以配置固定的二級子域名或者自定義域名
• 地區(qū)：選擇China vip

然后點擊創(chuàng)建

2.3 實現(xiàn)公網(wǎng)訪問本地web網(wǎng)站

隧道創(chuàng)建成功后，可以在左側(cè)儀表盤的狀態(tài)——在線隧道列表，查看到剛剛所創(chuàng)建隧道的公網(wǎng)地址，有兩行，一個是http協(xié)議，一個是https協(xié)議。

將公網(wǎng)地址復(fù)制到瀏覽器訪問即可，成功實現(xiàn)公網(wǎng)訪問本地網(wǎng)站。

PS：需要注意的是，由于這次使用的是免費的cpolar，所生成的公網(wǎng)地址為隨機(jī)臨時地址，每隔24小時就會發(fā)生變化，并且?guī)捿^小，比較適用于開發(fā)測試。如果你想要將訪問地址設(shè)置成固定的，可以升級cpolar套餐配置，支持21天退款保證，詳細(xì)可以參考下一篇文章教程。

以上就是使用PHPStudy在本地快速建立網(wǎng)站并實現(xiàn)局域網(wǎng)外訪問(無公網(wǎng)IP)的詳細(xì)內(nèi)容，更多關(guān)于PHPStudy局域網(wǎng)外訪問的資料請關(guān)注腳本之家其它相關(guān)文章！

最新評論