GraphQL技术搭建的无代码开发平台

无代码开发是最近两年比较火的风向,也是软件应用开发领域发展的必然结果。无论是低代码还是无代码,都是尽可能地减少重复的开发动作。

「积木库」GraphQL技术搭建的无代码开发平台

Apollo + Next

GraphQL 带来的最大好处是精简请求响应内容,不会出现冗余字段,前端可以决定后端返回什么数据。但要注意的是,前端的决定权取决于后端支持什么数据,因此 GraphQL 更像是精简了返回值的 REST,而后端接口也可以一次性定义完所有功能,而不需要逐个开发。

「积木库」GraphQL技术搭建的无代码开发平台

看看GraphQL的定义:

  • GraphQL是一种新的API标准,它提供了一种比REST更有效、更强大和更灵活的替代方案。
  • 它是由Facebook开发并开源的,现在由来自世界各地的公司和个人组成的大型社区维护。
  • GraphQL本质上是一种基于api的查询语言,现在大多数应用程序都需要从服务器中获取数据,这些数据存储可能存储在数据库中,API的职责是提供与应用程序需求相匹配的存储数据的接口。
  • 它是数据库无关的,而且可以在使用API的任何环境中有效使用,我们可以理解为GraphQL是基于API之上的一层封装,目的是为了更好,更灵活的适用于业务的需求变化。
「积木库」GraphQL技术搭建的无代码开发平台

简单来说, GraphQL 是一门为了减少客户端调用 API 复杂度的语言。让前端对数据调用有更多的操作空间。

后端 API 无非是 CRUD,提供数据服务而已。然而常有前后端的数据模型不一致,或者 API 文档过期,以及版本管理的烦恼。 GraphQL 使用前后端一致的 Schema,既规范了前端也规范了后端 API。使得 API 提供数据服务的能力被标准化,获取及写入数据都需要经过数据模型的检验,这类似于TypeScript的强制类型,避免因为数据类型引起的灾难性错误。

无代码开发平台,积木库就采用了GraphQL作为前后端数据传递的中间件,使用Apollo GraphQL框架,后端采用NodeJs和Apollo Server,前端采用 NextJs和Apollo Client。

GraphQL包含了完备的缓存处理机制,根据策略采用不同的缓存方式,如本地缓存优先,或网络优先等。

创建一个客户端API端口,

「积木库」GraphQL技术搭建的无代码开发平台

Query查询语句:

「积木库」GraphQL技术搭建的无代码开发平台

Playground面板

根据Query查询返回的结果:

「积木库」GraphQL技术搭建的无代码开发平台

Data中返回的字段,可以在Query中具体指定,如此一来,请求的颗粒更加细致,细到每一个字段。

在 React 组件的代码:

「积木库」GraphQL技术搭建的无代码开发平台

页面中实际的使用:

「积木库」GraphQL技术搭建的无代码开发平台

这里,只是大致了解下GraphQL,如果感兴趣的话,可以阅读Apollo GraphQL文档,不过只有英文版,非常的详细。

无代码开发是最近两年比较火的风向,也是软件应用开发领域发展的必然结果。无论是低代码还是无代码,都是尽可能地减少重复的开发动作。创建可配置的组件,以组件搭配的方式,完成页面的设计,这就是积木库的名称积木搭建的灵感来源。

在积木库中,不用编写代码,直接使用组件搭配,形成页面,完成网页的开发。很重要的一点是,由积木库无代码搭配的应用,是直接可以上线发布的,管理后台,前端页面,国际化多语言,功能模块,数据备份恢复导入导出等等等等,都是一体化的在完整的系统中。

直接发布上线,轻松快速的开发,这就是积木库通过最新的前后端技术的整合,减少应用早期开发成本,帮助创业团队快速项目上线。

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.net/procedure/25197.html

发表评论

登录后才能评论