本教程為快速在本地環(huán)境下搭建web網(wǎng)站，同時實現(xiàn)可在外網(wǎng)環(huán)境下訪問?。?/p>
正文開始前給大家推薦個網(wǎng)站，前些天發(fā)現(xiàn)了一個巨牛的人工智能學(xué)習(xí)網(wǎng)站，通俗易懂，風(fēng)趣幽默，忍不住分享一下給大家。點擊跳轉(zhuǎn)到網(wǎng)站。
使用工具
- 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ù)運(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)入主界面后，點擊左側(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)站。
文章來源：http://www.zghlxwxcb.cn/news/detail-753596.html
PS：需要注意的是，由于這次使用的是免費的cpolar，所生成的公網(wǎng)地址為隨機(jī)臨時地址，每隔24小時就會發(fā)生變化，并且?guī)捿^小，比較適用于開發(fā)測試。如果你想要將訪問地址設(shè)置成固定的，可以升級cpolar套餐配置，支持21天退款保證，詳細(xì)可以參考下一篇文章教程。文章來源地址http://www.zghlxwxcb.cn/news/detail-753596.html
到了這里，關(guān)于如何使用phpStudy本地快速搭建網(wǎng)站并內(nèi)網(wǎng)穿透遠(yuǎn)程訪問的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
