appsmith 怎么用?评价如何

appsmith 怎么用?评价如何

本文首发:《appsmith 怎么用?评价如何 - 卡拉云

AppSmith 是印度一家创业公司开发的低代码开发工具,它的原型是另一家名叫 Retool 的美国的创业公司。AppSmith 从 2019 年开始开发,到现在已经发行了 1.x 版本,也就是处于正式发行状态。那么 Appsmith 到底怎么样?它的评价如何?对比卡拉云它有哪些优缺点呢?

AppSmith 怎么用?

AppSmith 本身是开源软件,但是它提供一个云端版本。如果你需要私有部署的话,那么需要比较熟悉 k8s 或 docker,才能比较自由地部署成功。但对于很多同学来说,上手最好的办法可能是直接使用云端版本。

在 AppSmith 注册帐号后,就可以创建应用了。AppSmith 中的应用概念与卡拉云中一样,每个应用是一个常用操作集合。比如说,对于一个员工管理系统,你可以在卡拉云或者 AppSmith 中创建一个“员工管理”应用,这个应用调用对应的查询,就可以对对应的员工数据进行增删改查。

与卡拉云架构类似,AppSmith 也采用的是 proxy 服务器执行的架构。即你的查询会经过一次 AppSmith 的服务器,再到你的数据库或者服务器,实现跳转查询。如图所示

Appsmith架构

组件操作上,AppSmith 与卡拉云非常类似,都是采用拖拽创建的方式。你可以从组件库中拖入一个组件,这样一个组件就创建好了。

Appsmith拖拽

组件连接逻辑上,AppSmith 也采用的是用简单的 JavaScript 来连接组件间的逻辑。比如在文本框中输入 {{Input1.value}} 那么文本框中就会引用 Input1 里用户输入的值。

其它的数据源连接、查询设置等,与卡拉云相差不大,这里就不赘述了。在一些特别的组件设计上,比如日期选择器,我们采用了更适合国内用户使用习惯的设计。其它特别的组件包括文件上传(七牛云,阿里云,腾讯云等),图表组件(使用Echart),地图(百度地图/高德地图)等等

AppSmith 评价如何

Appsmith 本身是比较优秀的开源软件,因为创始团队来自印度,因此在印度的流行程度较高。同时因为其主要语言为英文,因此在英文国家也较流行。

如果细读 Appsmith 的代码的话,有个小问题是代码本身较为混乱。首先代码用的仍然是 React 16.8 之前的 class 写法,因此无法与更新的 react hook 兼容,这就为继续开发和贡献代码创造了不小的麻烦。

同时 Appsmith 的全局状态管理用的是 Redux Saga,这个状态管理库较为小众和复杂,也为 Appsmith 的发展代来了一些局限。

当然对于多数情境下使用,代码的整洁度本身不是大问题,但这也从侧面可能反映出混乱的代码可能藏起来较多的 bug 和问题。举个例子,不少用户发现大量的 bug

Appsmith bug

AppSmith 卡拉云对比

卡拉云与 Appsmith 比起来,本身的架构和实现都类似,但卡拉云更加注重功能的稳健性,每个功能有大量的测试保证其正确性。同时卡拉云完全针对国内市场开发,因此不管是集成上还是使用习惯上,都更加贴近用户。

比如说,卡拉云集成的七牛云、阿里云存储,Leancloud API,金数据等。同时与企业微信等的集成也在计划中,相信可以更方便国内的同学们使用。

以下是卡拉云中添加一个文件上传应用的图示

上传文件

当然最大的不同是,AppSmith 采用开源的市场策略,依靠开发者自愿贡献同时提供服务而盈利。而卡拉云则是采用成本较高的自研策略,但是对技术的分享和讨论也并没有关起门来,比如我们的技术博客中就有不少我们如何实现某些特定组件的文章,欢迎围观。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 Appsmith 中实现登录,通常需要以下步骤: 1. 创建一个登录表单,包括用户名和密码输入框,以及登录按钮。 2. 在 Appsmith 中创建一个 API 请求,用于验证用户的登录凭证。 3. 将登录表单与 API 请求绑定,使用户可以通过表单提交登录凭证。 4. 在 API 请求中添加逻辑,验证用户凭证是否正确,并返回相应的结果。 5. 在应用程序中使用条件逻辑,根据 API 请求的结果显示成功或失败的消息。 下面是一个简单的示例: 1. 创建登录表单 在 Appsmith 中创建一个表单,包括用户名和密码输入框,以及一个登录按钮。你可以使用 Appsmith 的内置组件来创建这些元素。确保为每个输入框和按钮提供一个唯一的 ID。 2. 创建 API 请求 在 Appsmith 中创建一个 API 请求,用于验证用户的登录凭证。你可以使用 Appsmith 的内置请求组件来创建这个 API 请求。在请求中指定登录凭证的验证方式。例如,你可以使用用户名和密码的组合来验证用户。 3. 绑定表单和 API 请求 使用 Appsmith 的绑定功能,将登录表单中的输入框和按钮与 API 请求绑定。确保将输入框的值绑定到请求的适当字段。 4. 验证凭证并返回结果 在 API 请求中添加逻辑,验证用户凭证是否正确,并返回相应的结果。例如,如果用户提供的凭证无效,请求返回一个错误消息。 5. 显示结果 在应用程序中使用条件逻辑,根据 API 请求的结果显示成功或失败的消息。例如,如果用户登录成功,显示一个欢迎消息,否则显示一个错误消息。 这是一个简单的示例,你可以根据你的应用程序需求进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值