前言

本篇教程，我們將通過VS Code實現遠程開發MENJA小游戲，并通過cpolar內網穿透發布到公網，分享給無論身在何地的好友體驗由你開發的游戲的樂趣。

話不多說，下面就來教大家如何使用VS Code編寫一個MENJA切塊小游戲，這里我們使用VS Code并結合Live Server插件進行調試，Live Server可以實現一鍵安裝，實現自動刷新，架設本地服務器環境。

1. 編寫MENJA小游戲

本篇文章的小游戲源代碼地址：https://github.com/ADAMxWANG/menja

下載ZIP壓縮包到本地：

在VS Code擴展中搜索Live Server，并安裝

右鍵index.html文件，點擊Open with Live Server 彈出web界面，端口為 5500

接下來可以在menja文件夾下進行調試，并使用Live Server隨時進行調試，實時查看開發的網頁

接下來我們要把制作好的游戲網頁發布至公網，分享給好友訪問。

2. 安裝cpolar內網穿透

要將游戲分享給好友，首先我們需要在Linux安裝cpolar內網穿透工具，通過cpolar 轉發本地端口映射的http公網地址，我們可以很容易實現遠程訪問，而且無需自己注冊域名購買云服務器.下面是安裝cpolar步驟：

cpolar官網地址: https://www.cpolar.com

• 使用一鍵腳本安裝命令

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

• 向系統添加服務

sudo systemctl enable cpolar

• 啟動cpolar服務

sudo systemctl start cpolar

cpolar安裝成功后，在外部瀏覽器上訪問Linux 的9200端口即:【http://局域網ip:9200】，使用cpolar賬號登錄，登錄后即可看到cpolar web 配置界面，結下來在web 管理界面配置即可。

3. 配置MENJA小游戲公網訪問地址

點擊左側儀表盤的隧道管理——創建隧道，創建一個MENJA小游戲的cpolar 公網地址隧道！

• 隧道名稱：可自定義命名，注意不要與已有的隧道名稱重復
• 協議：選擇http
• 本地地址：5500 (本地訪問時的端口)
• 域名類型：免費選擇隨機域名
• 地區：選擇China Top

點擊創建

隧道創建成功后，點擊左側的狀態——在線隧道列表，查看所生成的公網訪問地址，有兩種訪問方式，分別是 http 和 https 。

4. 實現公網訪問MENJA小游戲

使用上面的cpolar https公網地址，在任意設備的瀏覽器進行訪問，即可成功看到小游戲界面，這樣一個公網地址且可以遠程訪問就創建好了，使用了cpolar的公網域名，無需自己購買云服務器，即可發布到公網隨時隨地進行遠程訪問。（Tips：新域名登錄，可能需要重新登陸）

5. 固定MENJA小游戲公網地址

由于以上使用cpolar所創建的隧道使用的是隨機公網地址，24小時內會隨機變化，不利于長期遠程訪問。我一般會使用固定二級子域名，因為我希望將游戲網址發送給朋友玩時，可以直接使用簡單好記的固定公網地址進行訪問，不用每天都更換地址訪問，可以一直愉快的享受游戲。

固定二級子域名長這樣（例如：MENJA.cpolar.cn），該地址為固定地址，不會隨機變化。

注意需要將cpolar套餐升級至基礎套餐或以上，且每個套餐對應的帶寬不一樣。【cpolar.cn已備案】

登錄cpolar官網，點擊左側的預留，選擇保留二級子域名，設置一個二級子域名名稱，點擊保留，保留成功后復制保留的二級子域名名稱。

保留成功后復制保留成功的二級子域名的名稱

返回登錄cpolar web UI管理界面，點擊左側儀表盤的隧道管理——隧道列表，找到所要配置的隧道，點擊右側的編輯

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

• 域名類型：選擇二級子域名
• Sub Domain：填寫保留成功的二級子域名

點擊更新(注意，點擊一次更新即可，不需要重復提交)

更新完成后，打開在線隧道列表，此時可以看到公網地址已經發生變化，地址名稱也變成了固定的二級子域名名稱的域名

最后，我們使用固定的公網地址訪問游戲網頁，可以看到訪問成功，這樣一個固定且永久不變的公網地址就設置好了。

現在我們可以把這個通過VS Code編寫的web網頁或者游戲網頁，通過cpolar生成的固定地址分享給你的好朋友們隨時隨地來進行遠程游戲啦~