在阿里雲快速啟動Appsmith搭建前端頁面

阿里云CloudOps發表於2024-11-18

什麼是Appsmith

Appsmith是一個開源的低程式碼開發平臺,它使得開發者能夠快速地構建內部工具、業務管理系統、CRM系統等。Appsmith透過提供一系列預建的UI元件(如表格、圖表、表單等),以及對資料庫、API呼叫的直接支援,簡化了開發過程。開發者可以使用這些元件和服務來構建複雜的業務應用,而無需從頭開始編寫大量程式碼。

截止2024年11月15日,GitHub Star數已達到34.7K,可見其火爆程度。

更多資訊,請檢視官網

Appsmith有什麼優勢

  • 開源和自託管: Appsmith可以在自己的伺服器上託管,這對於需要完全控制資料和應用環境的企業來說非常重要。
  • 低程式碼開發: 透過拖放元件和簡單的邏輯配置,即使是非專業開發者也可以構建應用。
  • 支援多種資料來源: 可以連線到各種資料庫(如PostgreSQL、MySQL、MongoDB等)和API服務,使得資料整合變得簡單。
  • 自定義JavaScript程式碼: 雖然Appsmith是一個低程式碼平臺,但它還允許開發者在需要時編寫自定義JavaScript程式碼,以增強應用的功能或實現特定的業務邏輯。
  • 豐富的UI元件庫: 提供了豐富的UI元件,可以快速構建使用者介面,並透過配置來滿足特定的需求。
  • 安全性和許可權管理: Appsmith提供了內建的安全特性和細粒度的許可權管理,幫助企業保護資料並確保只有授權使用者才能訪問應用。

快速入門Appsmith

Appsmith頁面如下:

整個介面分左中右三部分:

  • 左側:有專案的頁面(pages);部件(widgets),例如按鈕、表格;查詢(queries),例如重新整理表格資料、資料庫相關(datasources)
  • 中央:專案的ui
  • 右側:配置,例如配置按鈕的顏色、顯示文字、事件等

如何製作一個hello world按鈕

需求:點選按鈕,彈出資訊

做法是:

  • 左側拖拽 BUTTON 部件到舞臺中央
  • 點選舞臺中央的按鈕
  • 在右側進行配置,例如修改Label、新增事件(onClick)等

點選舞臺中央的按鈕,或右上角的Deploy(部署)進行測試。結果如下圖所示:

更多資訊,可參考文件

如何部署Appsmith

前提條件

  • 已開通阿里雲賬號
  • 確保賬戶餘額超過100元

重要

使用阿里雲資源,需要收費,請仔細閱讀阿里雲控制檯的訂單資訊,然後再進行下一步操作。

操作步驟

  1. 訪問計算巢Appsmith社群版部署連結 ,按提示填寫部署引數,確認引數後點選下一步:確認訂單

  1. 確認訂單完成後同意服務協議並點選立即建立 進入部署階段。

  1. 等待部署完成後就可以開始使用服務,進入服務例項詳情點選立即使用連結。

  1. 輸入基本資訊,即可開始使用Appsmith。

瞭解更多

本文透過計算巢服務完成了Appsmith的快速部署,什麼是計算巢服務?

計算巢是一個開放給企業應用服務商、IT整合服務商、交付服務商、管理服務提供商(以上都統稱為服務商)和終端使用者的服務管理PaaS平臺。服務商能透過計算巢服務更好地在阿里雲上部署服務、交付服務及管理服務。終端使用者能透過計算巢管理在阿里雲上訂閱的各類服務商提供的服務。計算巢為服務商和使用者提供了更高效、便捷、安全的服務使用體驗。點選計算巢服務官方文件瞭解更多。

參考資料

計算巢服務官方文件

更多資訊,請訪問計算巢官網

本文由部落格一文多發平臺 OpenWrite 釋出!

相關文章