前言

網(wǎng)：我們通常說的是互聯(lián)網(wǎng)；站：可以理解成在互聯(lián)網(wǎng)上的一個房子。把互聯(lián)網(wǎng)看做一個城市，城市里面的每一個房子就是一個站點，房子里面放著你的資源，那如果有人想要訪問你房子里面的東西怎么辦？

在現(xiàn)實生活中，去別人家首先要知道別人的地址，某某區(qū)某某街道，幾號，在互聯(lián)網(wǎng)中也有地址的概念，就是ip。通過ip我們就能找到在互聯(lián)網(wǎng)上面的站點，端口可以看做是這個房子的入口，不同的入口所看到的東西也就不一樣，如從大門(80端口)進(jìn)是客廳，從窗戶(8080端口)進(jìn)是書房。

接下來我們將通過簡單幾步來在ubuntu搭建一個web站點 html小游戲，并使用cpolar內(nèi)網(wǎng)穿透將其發(fā)布到公網(wǎng)上，使得公網(wǎng)用戶也可以正常訪問到本地web站點的小游戲。

1. 本地環(huán)境服務(wù)搭建

apach2是一個服務(wù),也可以看做一個容器,也就是上面說的房子,運行在ubuntu里,這個服務(wù)可以幫助我們把我們自己的網(wǎng)站頁面通過相應(yīng)的端口讓除本機(jī)以外的其他電腦訪問。

下載apach2

sudo apt install apache2 php -y

下載好后啟動apache2

sudo service apache2 restart

然后打開Ubuntu 瀏覽器,輸入:http://localhost?即可看到我們apache 默認(rèn)的頁面,此時說明本地站點已經(jīng)搭建好了。

進(jìn)入Apache默認(rèn)服務(wù)器主目錄路徑,這個目錄放的是想要讓別人看到的資源,如一張圖片,一個html頁面等

cd /var/www/html

進(jìn)入后刪掉index.html這個文件,由于apache默認(rèn)頁面并不是我們自己想要的頁面,我們想要換成自己喜歡的頁面,所以需要刪掉.執(zhí)行以下命令:

sudo rm -rf index.html

為了達(dá)到測試效果,我們設(shè)置一個html頁面小游戲,創(chuàng)建名稱為game.html的頁面

sudo vim game.html

按i鍵 進(jìn)入編輯模式,復(fù)制以下html代碼進(jìn)去(復(fù)制全部)

復(fù)制完后按Esc鍵退出編輯,接著輸入冒號:wq保存退出即可

2. 局域網(wǎng)測試訪問

接著瀏覽器輸入http://localhost/game.html，即可看到html頁面的小游戲站點,由于部署的是靜態(tài)站點,不需要重啟服務(wù)。

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

由于這個站點目前只能在本地被訪問到，為了使所有人都可以訪問,我們需要將這個本地基礎(chǔ)站點發(fā)布到公網(wǎng)。這里我們可以通過cpolar內(nèi)網(wǎng)穿透工具來實現(xiàn)，它支持 http/https/tcp協(xié)議，無需公網(wǎng)IP ，也不用設(shè)置路由器，可以很容易將本地站點發(fā)布到公網(wǎng)供所有人訪問。

3.1 ubuntu本地安裝cpolar

如何在ubuntu上安裝cpolar內(nèi)網(wǎng)穿透，請參考這篇文章教程、

• Ubuntu用戶安裝Cpolar內(nèi)網(wǎng)穿透

• https://www.cpolar.com/blog/ubuntu-users-install-cpolar
  

3.2 創(chuàng)建隧道

cpolar安裝成功之后，在瀏覽器上訪問本地9200端口，登錄cpolar web UI管理界面。

點擊左側(cè)儀表盤的隧道管理——創(chuàng)建隧道：

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

• 協(xié)議：http

• 本地地址：80

• 端口類型：隨機(jī)域名

• 地區(qū)：China vip

點擊創(chuàng)建

隧道創(chuàng)建成功后，點擊左側(cè)的狀態(tài)——在線隧道列表，可以看到剛剛創(chuàng)建的隧道已經(jīng)有生成了相應(yīng)的公網(wǎng)地址，將其復(fù)制下來，接下來測試訪問一下。

3.3 測試公網(wǎng)訪問

打開瀏覽器訪問剛剛所復(fù)制的公網(wǎng)地址,注意,后面要加上路徑/game.html,出現(xiàn)游戲界面即成功。

游戲控制使用:鍵盤上下左右鍵

4. 配置固定二級子域名

由于以上所創(chuàng)建的隧道選擇的是隨機(jī)域名，所生成的公網(wǎng)地址會在24小時內(nèi)隨機(jī)變化，對于需要長期訪問的用戶來講較為不方便。不過我們可以為其配置一個固定的二級子域名來進(jìn)行訪問，改地址不會隨機(jī)變化。

注意：配置固定二級子域名功能需要升級至基礎(chǔ)版套餐或以上才支持。

4.1 保留一個二級子域名

登錄cpolar官網(wǎng)后臺，點擊左側(cè)的預(yù)留，找到保留二級子域名：

• 地區(qū)：選擇China VIP

• 二級域名：可自定義填寫

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

點擊保留

提示子域名保留成功，復(fù)制所保留的二級子域名

4.2 配置二級子域名

訪問本地9200端口登錄cpolar web UI管理界面，點擊左側(cè)儀表盤的隧道管理——隧道列表，找到所要配置的隧道，點擊右側(cè)的編輯

修改隧道信息，將保留成功的二級子域名配置到隧道中

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

• Sub Domain：填寫保留成功的二級子域名，本例為test01

點擊更新

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

4.3 測試訪問公網(wǎng)固定二級子域名

我們使用任意瀏覽器,輸入剛剛配置成功的公網(wǎng)固定二級子域名+/game.html就可看到我們創(chuàng)建的站點小游戲了，且該地址不會再隨機(jī)變化了。