前言

你是否也曾想搭建一個屬于自己的應用，卻被復雜的編程知識嚇退？或者，想快速開發一個小工具解決工作難題，卻不知道從何下手？其實，用 Appsmith+cpolar，你不需要懂太多代碼，只需 5 分鐘就能搭建一個功能強大的低代碼平臺，還能隨時隨地遠程訪問和使用，讓你的創意快速變成現實。

Appsmith 是一款能讓普通人也能開發應用的神奇工具，它就像一個 “可視化編程積木盒”，你只需拖拽組件、設置屬性，就能構建出專業的 Web 應用，完全不需要手寫大量代碼。但很多人不知道，配合 cpolar，你可以把這個低代碼平臺 “帶在身邊”，不管你是在咖啡館、圖書館還是家里，都能用手機或平板訪問和使用自己開發的應用。

為什么這個組合能讓低代碼開發變得如此簡單？打個比方，Appsmith 就像一款 “超級 PPT 制作軟件”，只不過你制作的不是幻燈片，而是可以交互的 Web 應用。cpolar 相當于給這個軟件加了 “遠程演示功能”，讓你在任何地方都能展示和使用自己的作品。整個過程不需要你記任何代碼，跟著官方教程點幾下鼠標就能完成。

接下來，我們就來手把手教你如何在 5 分鐘內一鍵部署 Appsmith，如何通過 cpolar 實現遠程訪問。全程都是簡單的點擊操作，沒有難懂的命令，保證你一看就會，讓低代碼開發變得像搭積木一樣有趣。

1.什么是Appsmith

Appsmith是一個開源低代碼開發平臺，它就像一個神奇的畫板，你只需要將各種組件（如表格、圖表、表單等）像拼圖一樣拖到你的“畫布”上，就能快速構建出復雜的應用程序。而且，它還支持多種數據源和API調用，讓你的應用連接更自由，開發更快捷。

Appsmith的性能特色：

1. 拖拽式開發：就像搭積木一樣簡單，你只需要把需要的組件拖到畫布上，然后配置一下數據源，一個應用就誕生了！
2. 多數據源支持：MySQL、PostgreSQL、MongoDB、REST API等，Appsmith都能輕松連接。
3. 實時預覽：開發過程中隨時看到應用的實時效果，再也不用反復調試、刷新頁面了。
4. 強大的JavaScript支持：懂一點JavaScript？那就更好了！Appsmith允許你編寫自定義邏輯，讓你的應用更加靈活。
5. 一鍵部署：開發完成后，你可以一鍵將應用部署到云端，或者導出代碼進行二次開發。

2.Docker部署

本例使用Ubuntu 22.04進行演示，使用Docker進行部署，如果沒有安裝Docker，可以查看這篇教程進行安裝：《Docker安裝教程——Linux、Windows、MacOS》

首先創建 Appsmith 目錄： 需要在本地服務器上創建一個目錄來存儲 Appsmith 的配置和數據。可以是任意位置

mkdir -p ~/appsmith
cd ~/appsmith

下載 Appsmith 的 Docker Compose 文件： 可以直接從 Appsmith 的 GitHub 倉庫中獲取官方的 docker-compose.yml 文件：

wget https://raw.githubusercontent.com/appsmithorg/appsmith/refs/heads/release/deploy/docker/docker-compose.yml

啟動項目：

sudo docker compose up -d

打開瀏覽器輸入localhost:8080，就能進入到appsmith的主頁了

3.Appsmith簡單使用

安裝完成后，打開Appsmith，點擊“Create New”按鈕創建一個新的應用。

然后，你可以在左側的組件面板中選擇需要的組件（如按鈕、表單、表格等），拖放到中間的畫布上進行布局。配置數據源，并將數據源綁定到組件上，使組件能夠動態顯示和操作數據。最后，點擊右上角的“Deploy”按鈕發布應用。

4.安裝cpolar內網穿透

不過我們目前只能在本地局域網內訪問剛剛部署的Appsmith，如果想不在同一局域網內時，也能在外部網絡環境使用手機、平板、電腦等設備遠程訪問與使用它，應該怎么辦呢？我們可以使用cpolar內網穿透工具來實現遠程訪問的需求。無需公網IP，也不用準備云服務器那么麻煩。

下面是安裝cpolar步驟：

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

使用一鍵腳本安裝命令：

sudo curl https://get.cpolar.sh | sh

安裝完成后，執行下方命令查看cpolar服務狀態：（如圖所示即為正常啟動）

sudo systemctl status cpolar

Cpolar安裝和成功啟動服務后，在瀏覽器上輸入ubuntu主機IP加9200端口即:【http://localhost:9200】訪問Cpolar管理界面，使用Cpolar官網注冊的賬號登錄,登錄后即可看到cpolar web 配置界面,接下來在web 界面配置即可：

5. 配置公網地址

登錄cpolar web UI管理界面后,點擊左側儀表盤的隧道管理——創建隧道：

• 隧道名稱：可自定義，本例使用了:Appsmith，注意不要與已有的隧道名稱重復
• 協議：http
• 本地地址：8080
• 域名類型：隨機域名
• 地區：選擇China Top

點擊創建：

創建成功后，打開左側在線隧道列表,可以看到剛剛通過創建隧道生成了兩個公網地址，接下來就可以在其他電腦或者移動端設備（異地）上，使用任意一個地址在瀏覽器中訪問即可。

現在就已經成功實現使用cpolar生成的公網地址異地遠程訪問本地部署的appsmith啦！

小結

為了方便演示，我們在上邊的操作過程中使用cpolar生成的HTTP公網地址隧道，其公網地址是隨機生成的。這種隨機地址的優勢在于建立速度快，可以立即使用。然而，它的缺點是網址是隨機生成，這個地址在24小時內會發生隨機變化，更適合于臨時使用。

如果有長期使用appsmith，或者異地訪問與使用其他本地部署的服務的需求，但又不想每天重新配置公網地址，還想讓公網地址好看又好記并體驗更多功能與更快的帶寬，那我推薦大家選擇使用固定的二級子域名方式來配置公網地址。

6. 配置固定公網地址

使用cpolar為其配置二級子域名，該地址為固定地址，不會隨機變化。

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

點擊左側的預留，選擇保留二級子域名，地區選擇china top，然后設置一個二級子域名名稱，我這里演示使用的是appsmith，大家可以自定義。填寫備注信息，點擊保留。

保留成功后復制保留的二級子域名地址：

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

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

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

點擊更新

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

最后，我們使用固定的公網地址在任意設備的瀏覽器中訪問，可以看到成功訪問本地部署的appsmith頁面，這樣一個永久不會變化的二級子域名公網網址即設置好了。

總結

用 cpolar 讓 Appsmith 打造個人低代碼平臺就是這么簡單！三步輕松搞定：在電腦上一鍵部署 Appsmith，按照向導創建第一個應用，運行 cpolar 生成遠程訪問鏈接。這個方法特別適合沒有編程基礎的小白，讓你也能體驗開發應用的樂趣。不管你是想解決工作難題，還是想實現創意想法，都能通過這個組合快速實現。現在就試試吧，讓低代碼開發不再是程序員的專利！