前言

寶塔面板作為簡單好用的服務(wù)器運維管理面板，它支持Linux/Windows系統(tǒng)，我們可用它來一鍵配置LAMP/LNMP環(huán)境、網(wǎng)站、數(shù)據(jù)庫、FTP等，通過Web端輕松管理服務(wù)器。

以下教程，我們將演示使用寶塔面板快速簡單搭建本地web網(wǎng)站，并做內(nèi)網(wǎng)穿透，實現(xiàn)不在同個局域網(wǎng)下的用戶也可以訪問到本地web站點，無需公網(wǎng)IP，也不用設(shè)置路由器。

1. 環(huán)境安裝

安裝apache服務(wù)器,在寶塔面板中我們點擊網(wǎng)站,然后會提示安裝apache服務(wù)器。

選擇極速安裝

然后等待安裝完成即可,安裝完成在左邊消息列表會提示

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

https://www.cpolar.com/

打開寶塔終端命令窗口,使用cpolar一件安裝腳本:

curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash

• token認(rèn)證

登錄cpolar官網(wǎng),點擊左側(cè)的驗證，查看自己的認(rèn)證token，之后將token貼在命令行里

cpolar authtoken xxxxxxx

• 向系統(tǒng)添加服務(wù)

sudo systemctl enable cpolar

• 啟動cpolar服務(wù)

sudo systemctl start cpolar

• 開放9200端口

在寶塔面板中選擇安全.然后開放9200端口

• 登錄cpolar web UI 管理界面

然后局域網(wǎng)ip訪問9200端口即可出現(xiàn)cpolar管理界面，輸入cpolar郵箱賬號進行登陸

3. 內(nèi)網(wǎng)穿透

登錄cpolar web UI管理界面后，我們創(chuàng)建一個http隧道，指向80端口,因為apache服務(wù)默認(rèn)是80端口

• 隧道名稱：可自定義，注意不要重復(fù)

• 協(xié)議：http

• 本地地址：80

• 端口類型：隨機域名

• 地區(qū)：China vip

點擊創(chuàng)建

創(chuàng)建成功后我們打開在線隧道列表復(fù)制創(chuàng)建的公網(wǎng)地址

然后我們打開寶塔面板,點擊網(wǎng)站,選擇添加站點,把復(fù)制的公網(wǎng)地址粘貼到域名的參數(shù)框,然后點擊提交

這個時候我們可以看到站點創(chuàng)建成功

然后我們再使用復(fù)制的公網(wǎng)地址,打開瀏覽器訪問,出現(xiàn)歡迎頁表示成功

4.固定http地址

由于剛剛創(chuàng)建隧道使用的是隨機臨時地址，該地址會在24小時內(nèi)發(fā)生變化，為了長期遠程訪問，我們接下來將這個公網(wǎng)地址配置為固定的。

需升級至基礎(chǔ)套餐或以上才支持配置二級子域名

登錄cpolar官網(wǎng)后臺，點擊左側(cè)儀表盤的預(yù)留，找到保留二級子域名，為http隧道保留一個二級子域名。

• 地區(qū)：選擇服務(wù)器地區(qū)

• 名稱：填寫您想要保留的二級子域名（可自定義）

• 描述：即備注，可自定義填寫

本例保留一個名稱為mywebsitegame的二級子域名。子域名保留成功后，我們將子域名復(fù)制下來，接下來需要將其配置到隧道中去。

5. 配置二級子域名

登錄cpolar web ui管理界面。點擊左側(cè)儀表盤的隧道管理——隧道列表，找到需要配置二級子域名的隧道（本例中為apache website隧道），點擊右側(cè)的編輯

修改隧道信息，將二級子域名配置到隧道中：

• 域名類型：改為選擇二級子域名

• Sub Domain：填寫我們剛剛所保留的二級子域名（本例為mywebsitegame）

修改完成后，點擊更新

隧道更新成功后，點擊左側(cè)儀表盤的狀態(tài)——在線隧道列表，可以看到隧道的公網(wǎng)地址，已經(jīng)更新為二級子域名了，將公網(wǎng)地址復(fù)制下來。

然后我們打開寶塔面板,找到站點,點擊設(shè)置

添加一個我們固定的公網(wǎng)地址域名

然后把之前創(chuàng)建的隨機地址刪除

然后我們打開瀏覽器,使用固定的公網(wǎng)地址進行訪問,以上我們就配置好了站點遠程訪問

6.創(chuàng)建一個測試頁面

點擊站點根目錄路徑,直接點擊

新建一個名字為game.html頁面

然后雙擊文件編輯,把下面代碼復(fù)制進去(貪吃蛇小游戲),然后Ctrl+S保存

然后我們?yōu)g覽器使用公網(wǎng)地址加這個html文件訪問,即可看到我們部署的小游戲。