---

本教程為快速在本地環(huán)境下搭建web網(wǎng)站，同時(shí)實(shí)現(xiàn)可在外網(wǎng)環(huán)境下訪問！！

---

使用工具

• 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)，測試

在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è)置路由器，使用比較簡單。

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)使用注冊一個(gè)賬號，并下載最新版本的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賬號登錄web UI

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

• 隧道名稱：可自定義命名，注意不要重復(fù)
• 協(xié)議：選擇http
• 本地地址：80（填寫你想要映射的內(nèi)網(wǎng)端口）
• 域名類型：免費(fèi)用戶選擇隨機(jī)域名，付費(fèi)用戶可以配置固定的二級子域名或者自定義域名
• 地區(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ā)測試。如果你想要將訪問地址設(shè)置成固定的，可以升級cpolar套餐配置，支持21天退款保證，詳細(xì)可以參考下一篇文章教程。

轉(zhuǎn)載自cpolar極點(diǎn)云文章：phpstudy本地快速搭建網(wǎng)站，并外網(wǎng)訪問【無公網(wǎng)IP】