本教程主要介紹如何在Windows系統(tǒng)本地環(huán)境下搭建web網(wǎng)站，同時(shí)結(jié)合cpolar內(nèi)網(wǎng)穿透工具實(shí)現(xiàn)可在外網(wǎng)環(huán)境下遠(yuǎn)程訪問本地站點(diǎn)?。?/p>

使用工具

• 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

安裝后的效果，如圖：

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

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

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

如下圖，說明安裝成功。

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

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

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

1.4 打開站點(diǎn)根目錄

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

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

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

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

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

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

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

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

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

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

點(diǎn)擊進(jìn)入cpolar官網(wǎng)，點(diǎn)擊免費(fèi)使用注冊(cè)一個(gè)賬號(hào)，并下載最新版本的cpolar

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

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賬號(hào)登錄web UI

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

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

然后點(diǎn)擊創(chuàng)建

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

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

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

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

到了這里，關(guān)于如何使用phpStudy在Windows系統(tǒng)部署靜態(tài)站點(diǎn)并實(shí)現(xiàn)無公網(wǎng)IP遠(yuǎn)程訪問的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！