appsmith集成
Appsmith 是一个开源的前端低代码平台,帮助快速构建内部工具。例如,仪表盘、工具箱、CMS以及其它能帮团队完成特定任务的工具
appsmith特性
拖拽构建UI:像设计PPT一样,在网格画布上拖拽预制组件构建UI,无需掌握Html+CSS
简化前后端集成:支持多种数据源,快速为UI绑定数据
JS扩展逻辑:支持用JS处理数据,定制复杂工作流
集成fireboom
appsmith 从前端切入,擅长界面构建,利用 sql 能够处理简单数据。但对于复杂业务逻辑,需要依赖API处理。而API构建是Fireboom的强项,因此两者结合将进一步扩展appsmith的适用范围。不仅适用内部系统开发,还能扩展到更多领域。
appsmith引入js库
appsmith支持引入UMD格式的js库,导入方式如下:
点击Libraries->新建 icon
输入js库url,点击 install
使用库
![](https://docs.fireboom.io/~gitbook/image?url=https%3A%2F%2F2707494476-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNx22Cp3wzkuW1siRbMwW%252Fuploads%252FHUBNTuc3SJmZCBvD9hmc%252Fimage.png%3Falt%3Dmedia%26token%3D2d288767-7b18-4c29-ba34-2c17c7dc97bc&width=768&dpr=4&quality=100&sign=8f8cd7ab&sv=1)
Fireboom 生成JS-SDK
Fireboom支持生成UMD格式的客户端SDK—— Js SDK。
浏览模板市场,下载JavaScript client
打开
js-client
,文件将生成到./generated-sdk/js-client
将上述链接填入appsmith的Add Js Libraries-> Library URL中,安装即可
![](https://docs.fireboom.io/~gitbook/image?url=https%3A%2F%2F2707494476-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNx22Cp3wzkuW1siRbMwW%252Fuploads%252FoYgtLV9Efkz9swtd26tM%252Fimage.png%3Falt%3Dmedia%26token%3Df80dd897-4e47-428c-af1c-6351bcc7c887&width=768&dpr=4&quality=100&sign=2db25c7c&sv=1)
appsmith中使用Js-SDK
appsmith中有如下方式使用sdk,如:
1,js object中使用
2,在组件中直接调用
![](https://docs.fireboom.io/~gitbook/image?url=https%3A%2F%2F2707494476-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNx22Cp3wzkuW1siRbMwW%252Fuploads%252FoJ3e9hiATYeYgHjOjnWK%252Fimage.png%3Falt%3Dmedia%26token%3Dea5d1318-3aa4-4cdd-9a2f-32409bb088fe&width=768&dpr=4&quality=100&sign=52573a20&sv=1)
FBClient更多用法,请参考 Js SDK
总结
使用该方法可以将fireboom和appsmith集成在一起,充分发挥两者各自的优势。未来,希望将fireboom作为数据源直接集成到appsmith中,进一步提升开发体验。
参考:
最后更新于