00:00:00大多数开发者在构建内部工具时都过度设计了,说实话,我们都心知肚明。
00:00:04你启动 React、连接 API、构建认证、管理状态,结果只是为了发布一个基本上只有
00:00:10表单和表格的仪表盘。这是 AppSmith,一个拥有超过 39,000 颗星的开源工具,它
00:00:16可以在几分钟内替换掉大部分工作。把它看作是 Bubble 的开源替代方案,
00:00:21我将在几分钟内向你展示它的工作原理。
00:00:29虽然 AppSmith 并不是新产品,但它的讨论热度仍然低于它应得的水平。
00:00:34它不是为落地页或客户应用设计的,而是专门用于内部工具。你可以拖拽
00:00:41生成 UI,同时拥有完整的 JavaScript 支持,让你永远不会受限。你可以连接数据库、API、SaaS 工具,
00:00:47并且仍然像普通开发者一样使用 Git。这里没有供应商锁定,我们可以完全
00:00:54免费自托管,而且用户数量不受限制。那么真正的问题是,这真的能节省时间吗?
00:01:00让我展示给你看。如果你喜欢这类开源工具和编程技巧,
00:01:04请务必订阅。我们经常会发布新视频。一旦你启动了 AppSmith,
00:01:10你需要创建一个简单的账号,非常容易。然后在仪表盘上,你可以用空白画布开始一个新的应用。
00:01:15既然这不是一个详尽的教程,我将直接选择预设的 Postgres
00:01:21数据库,但你可以在这里看到我们可以内置到其中的所有选项,
00:01:26这真的很棒。一旦数据库(我这里是 Postgres)链接好了,就大功告成了。
00:01:32数据库里有很多表可以操作,但我打算选择
00:01:36员工表(employees),因为里面有一些虚拟用户数据。现在,我丢进一个表格,
00:01:42选择连接到正确的数据库表。它会立即填充数据,然后我
00:01:47可以添加一个输入表单和一个提交按钮。你可以看到这一切都是拖拽即用的,
00:01:52然后在侧边栏,我甚至可以将查询甚至 JavaScript 链接进去。
00:01:55我已经将数据绑定到了表格,但在这里我可以创建一个带有输入框的查询,以便
00:02:01在数据库中搜索用户。就这样,完成了。给我们的按钮添加一个更新触发器,比如
00:02:07一个弹窗通知(toast),点击部署,这就是一个可以运行的 CRUD 应用。我的意思是,好吧,虽然很基础,
00:02:12因为我只用了几分钟来演示,但我相信你能看到这背后的真正灵活性
00:02:17以及它在工作流中的速度。无需 React 设置,无需 API 层,无需认证连接。
00:02:23这大概只花了一两分钟,好吗?而且你仍然可以通过 JavaScript、
00:02:28主题和 Git 进行完全控制。所以,它是免费的,速度很快,不用再为 Bubble 或其他东西付钱。
00:02:34这是一个可以快速搭建的绝佳工具。AppSmith 基本上是一侧 UI,另一侧数据,
00:02:40并使用 JavaScript 连接一切。组件处理 UI,数据源连接到数据库、
00:02:46API 甚至是 LLM,而查询只需使用 SQL、REST 或 JavaScript。核心理念是 JavaScript
00:02:54无处不在。大多数低代码工具会向你隐藏逻辑,而这一款则将其暴露出来。这就是
00:03:00开发者转向它的原因。Git 的工作方式符合你的预期:分支、合并、CI/CD,没有任何奇怪的地方,
00:03:06而且你可以通过 Docker 或 Kubernetes 进行自托管。这样你就能控制数据和成本。你可以
00:03:12使用 React 或原生 JavaScript 构建自定义组件,它具备生产级能力,
00:03:18内置了 RBAC、审计日志和 SSO。既然说到了这些,显然它也有 AI,
00:03:23但重要的一点是,它生成的代码是你真正可以编辑的。听起来很完美,也许吧,
00:03:30但其实并不完全是,好吗?虽然它在节省时间方面表现出色,能让我们发布得更快,
00:03:36老实说,在使用之后,这种感觉确实很准确。它确实是开源的,所以你不会
00:03:42被某种定价模式锁定。我们不会陷入困境,因为我们随时可以把 JavaScript 丢进去,
00:03:47如果你自托管,它对无限用户都是免费的。但另一方面,随着时间或规模的增长,
00:03:52它仍然可能会出现崩溃。如果你尝试在客户端渲染海量数据集,
00:03:58它可能会变慢,所以你会需要服务端分页。移动端布局不是自动适配的。
00:04:04你需要手动调整。如果你习惯了无代码的状态管理,
00:04:08起初可能会觉得这非常令人困惑。如果你想要一些非常华丽的仪表盘,UI 会略逊于 Retool。
00:04:14这些其实都不是大问题,但取决于你的具体用例。
00:04:20那么它到底适合哪里呢?真正的对比是 Retool 与 AppSmith。Retool
00:04:26更精致,功能更强大,但它价格昂贵且不开源。AppSmith
00:04:32没那么精致。它是开源的,对吧?但你拥有所有权。如果你自托管,成本为零。
00:04:39Bubble 和 Webflow 并没有太大的可比性,因为它们更多是面向客户的应用,
00:04:44但它们确实在做很多类似且酷炫的事情。Tooljet 更接近,但 AppSmith
00:04:49凭借更强大的 Git 集成脱颖而出。因此,如果你的目标是快速交付内部工具,
00:04:55AppSmith 通常是更好的折中方案。如果你喜欢开源工具和类似的编码技巧,
00:05:00请务必订阅 BetterStack 频道。我们下个视频再见。