低程式碼開發的前後端聯調——APICloud Studio 3 API管理工具結合資料雲3.0使用教程

xiangxinyou發表於2022-06-03

最近國內低程式碼平臺APICloud 推出了拖拽式開發模式,通過拖拉元件,設定元件樣式、屬性、事件,可生成程式碼。我也是第一時間體驗了一下,上一篇分享了一些學習經驗。而且還發現新增了一個API管理工具,這篇文章即是分享API管理工具的學習體驗。

要體驗這些最新功能,首先要下載最新版本的APICloud Studio 3(下載地址:https://www.apicloud.com/studio3

很多人初學app開發時,都有一個疑問:app前端頁面怎麼和資料庫後臺聯通?即怎麼從資料庫獲取資料,並顯示到頁面。下面以這個問題為切入點,看一下這次的API管理工具是否能提供很大的幫助。

APICloud是提供了一個資料云3.0 的,不僅可以當資料庫儲存資料使用,還可以匯入一些模板資料模型,通過學習瞭解這些資料模型,可以幫助我們掌握其語法規則,一旦掌握後,我們可以編輯新增符合自己專案具體需求的雲函式。

首先在APICloud 控制檯開啟資料雲3.0,並新增demo 模型,新增demo 模型後,我們看到生成了兩張表,部門表(department)和僱員表(employee)

開啟API除錯介面:

點選 Show/Hide

展開後可以看到一些預設的除錯介面

點選根據條件查詢資料,再點選Try out ; 可以看到請求的URL和返回的資料。

以上是APICloud控制檯為開發者提供的資料雲API 除錯工具,有經驗的開發者對curl、http、ajax這些都很熟悉,可以很快的根據提示寫出請求資料庫的程式碼。但是新手使用者可能還是不知道怎麼寫,這次APICloud Studio 3 中的API 管理工具可以直接生成請求程式碼,簡直是新手福音。

點選左側欄API 圖示,會出現右側API管理介面:

在API介面可以新建API方法

在變數介面可以設定變數

設定好請求URL、查詢引數、請求頭,可以點選傳送進行測試。

最後點選左下角的 生成API程式碼按鈕:

可以看到在專案根目錄下生成了一個apiModel資料夾:

在需要進行資料請求的頁面引用apiModel.js ,就可以呼叫生成的封裝好的請求方法了, 真的不用手敲好多程式碼,太方便了。

相關文章