知道如何使用工具经常被认为是成功的关键。 在办公室,使用 Microsoft Office 和 Photoshop 等程序。
但是,您可以学习更多工具(内部工具或管理工具)来简化您的工作生活。
内部工具,有时称为内部应用程序,是旨在帮助 IT 部门、开发人员和其他内部业务用户提高工作效率的软件或应用程序。
他们可以做任何事情,从让您更轻松地访问您的数据库、CRM、CMS、票务软件或仪表板,到为您的网站提供卓越的指标。
内部工具可以在 Google、Facebook、Apple、Microsoft、Slack、Asana、Dropbox、Amazon 和各种其他网站上找到。
但他们的服务是什么?
为什么需要它们?
您真的可以利用它们来提高公司的绩效或效率吗?
内部工具比比皆是,因为它们对于跟踪特定任务、报告反馈以及随着时间的推移优化站点性能非常有用。
大多数企业还在内部利用它们来提高生产力、管理物流并在出现技术问题时更快地响应客户。 内部工具可让您跟踪站点的性能、规划未来,在某些情况下甚至可以节省资金。
在这篇文章中,我们将仔细研究 Appsmith、它的功能以及如何使用它等等。 让我们开始吧。
什么是 Appsmith?
应用史密斯 是一个众所周知的 开源 用于构建和托管内部 Web 解决方案的平台。 它使您能够连接到多个数据库和 API,以构建使用实时数据的应用程序。
您可以使用他们预先构建的 UI 小部件并将它们连接到您的 API 和数据库,以开发动态应用程序和复杂的流程。 您可以使用所需的任何技术部署这些应用程序。
此外,托管是免费的。 这也意味着它是一个完全免费的框架。 您可以自行托管您的应用程序并使用 Docker 的云服务。
使用他们基于 JavaScript 的可视化开发平台,您可以以 10 倍的速度创建 CRUD 应用程序、仪表板、管理面板等。 开发人员喜欢 Appsmith,因为它为他们节省了数百小时的工作量。
总的来说,它是一个坚实的开源基础 内部工具 发展。
特征
- Appsmith 在您的服务器上安装大约需要 5 分钟。
- 您不需要 HTML 或 CSS 即可拖放、调整大小或编辑小部件。
- 现在,您只需单击一下即可创建具有 SQL、S3 或 Google 表格数据源的所有 UI 和逻辑的 CRUD 应用程序。
- 使用实时评论(例如 FIGMA)在使用内部工具时可以立即沟通、提供反馈和协作。
- 可以直接访问任何 PostgreSQL、MySQL 或 MongoDB 数据库。
- UI 允许您查询和更改数据库。 PostgreSQL、MongoDB、MySQL、REST 和 GraphQL API 可用。
- 可以为您的 API 指定其他身份验证类型。 基于 API 密钥的身份验证、承载令牌身份验证或两者的混合是可能的。
- 您可以通过单击部署应用程序或将它们与您的持续集成/持续部署系统集成。 要安全地构建、测试和部署您的应用程序,请为不同的环境创建 git 分支。
Appsmith 和 Firebase 的实践经验
从数据库读取记录、添加或编辑记录以及删除记录都是任何应用程序中的 CRUD 操作。 所有这一切都是由 用户界面 和程序的逻辑。
我将教你如何使用 Firestore 作为数据库在 Appsmith 中创建任务管理器。 连接到数据库、创建查询、将数据集成到小部件中以及实施定制 使用 JavaScript 的功能 都将因此而被覆盖和固化。
将教授以下概念:
- 使用 Firestore 连接和查询
- 在 Appsmith 上,数据绑定到小部件。
- 将您的应用上线
1.使用Firestone连接查询
您必须首先构建一个应用程序,然后我们才能详细介绍 Firestore。 注册 应用史密斯 云并单击橙色的“新建”按钮。 我们现在可以将新建的应用程序链接到数据库。
从下拉菜单中选择数据源 > 新建 > Firestore。 要连接到您的 Firebase 实例,请提供您的凭据。 单击测试按钮以确保所有信息都正确,然后再保存数据源。
我们需要使用 Firestore 数据源查询数据。 创建查询以从数据库中检索任务。 我有一个名为 Asana 的基本集合,其中包含一些种子数据来显示一些数据。 任务检索查询将如下所示:
现在我们已经连接到 Firestore 并有一些数据流入,让我们使用小部件在应用程序中呈现它。
2. 在 Appsmith 上,数据绑定到小部件
我们需要一个 List 小部件来显示传入的数据。从侧边栏中的小部件选项卡将一个 List 小部件拖到画布中。 (小部件选项卡位于应用程序名称下方。)列表小部件的基本绑定可以编写如下:
同样,通过引入 Text 小部件并创建它们适当的绑定,我们可以在 List 小部件中显示每个项目的数据。
让我们花几分钟时间构建一个表单,该表单允许我们在继续启动应用程序之前编辑和删除任务。
为此,将一个表单小部件拖到画布上并使用一对文本小部件来显示有关从列表小部件中选择的作业的信息,例如在选择列表中的新项目时更新表单。 这是您的表单的外观:
您现在可以使用之前设置的 Firestore 数据源创建这样的更新查询。
然后,当按下表单上的提交按钮时,将其配置为运行更新任务查询。 您可以使用相同的技术并编写查询来删除该任务。
3. 将您的申请放到网上
这是迄今为止最直接的步骤。 要部署应用程序,请转到屏幕右上角并单击部署按钮。 您还可以邀请其他人使用或创建应用程序,甚至将其公开。 共享按钮位于部署按钮旁边。
您已经通过 Appsmith 掌握了应用程序开发的基础知识,并且我确信您已经准备好使用您所学的知识。
优点
- 内置实时团队协作。
- 与您现有的 CI/CD 工作流集成,并在 Azure、Google Cloud Platform 或 Digital Ocean 上一键部署应用程序。
- 您可以链接无限数量的内部应用程序和数据源。
- 此拖放式构建界面中的预配置小部件包括图表、复选框、照片、模式、表格等。
- 一旦成员被邀请加入您的应用程序,您就可以直接管理他们的职责。
- 能够在数据库查询中嵌入 JavaScript,以及与 PostgreSQL、DynamoDB、MongoDB、Firebase 和其他 REST 或 GraphQL API 集成。
缺点
- 您需要一些编程能力才能使用该平台。
- 仅允许使用 Web 应用程序。 应用程序并不总是快速响应。
定价
该网站的社区版可以无限期免费使用。 您还可以查看基于云的商业版,该版本将很快提供定价。
结论
内部工具开发是一种极好的方法,可以增强团队的能力,而无需处理编码或与开发人员或分析团队的其他来回。
Appsmith 易于设置和使用,使其适用于经常需要新解决方案的快节奏和动态技术业务。
它是一种更加成熟和成熟的技术,具有强大的文档、视频培训和社区帮助。
帕斯奥赫达
您好,感谢您的教程,我一直在审查这个工具,在我的学习过程中,我试图组合一种票务管理器,其想法是最终用户可以输入他们的请求,并可以跟进它,另一方面,负责票证的人可以看到所请求的内容,并且有某种类型的仪表板,不幸的是我仍然无法破译 Appsmith 是否有这种限制访问不同页面的系统,例如最终用户看不到其他使用该应用程序的人的票证列表,您对此了解吗?