大厂杂谈关注到携程年初宣布开源的轻量级前端低代码框架Foxpage,好像关注的人比较少但功能比较完备特此推送。
官网地址:
github地址:
Foxpage 前端低代码框架正式开源!
李月喜:ToB Dev及大厂杂谈公众号主理人,本文来自大厂杂谈(关注大厂及大牛的开源项目及技术文章分享),欢迎大家关注我掘金号。
Foxpage 前身是 Trip.com 在 2019 年在内部上线的一个活动页面可视化搭建的系统,现开源框架。
整个框架包含 Foxpage Admin,Foxpage API,Foxpage SDK,组件库等部分。下图主要简单的描述下框架有哪些模块及他们之间的关系
- Foxpage Admin :Foxpage 的管理后台,提供组织,应用,项目,页面&模板等管理功能
- Foxpage API:Foxpage Restful API 主要用于为 Foxpage SDK 及 Foxpage Admin 提供的接口服务,开发者也可以使用其开发其他功能
- Foxpage SDK :目前版本只提供了 Node SDK 及 JS SDK 用于 Node 端和浏览器端应用接入
什么是 Foxpage?
Foxpage 是一个轻量级前端低代码框架。Foxpage 由 “fox” 和 “page” 两个单词的组成,“fox” 的中文 “狐狸” 寓意着自由、灵活、聪明!借助 Foxpage 让项目可以用低代码的方式进行迭代!
特性
- 🖥 可视化,提供可视化的前端页面搭建,所见即所得
- 🏷 组件化,提供较为完善的组件制作流程和组件化方案,制作页面先从制作组件开始
- 📋 可扩展,提供多端,多技术栈及多种场景的支持
- 🌍 国际化,提供一套国际化内容管理的方案
- 📡 平台化,给开发者、编辑、运营等提供了一个在线合作的平台
如何工作?
Foxpage 框架重要的一个部分是无头 CMS(Headless CMS),他提供了各类内容的定义、管理、存储和分发等功能,视为平台的基建部分。同时为了各类的内容编辑高效性和一致性,我们设计了一套 Foxpage DSL(Domain Specific Language)用来描述各类内容,特定的语法和语义并提供了对应的解析器,在结合不同的应用场景提供定制的功能。针对具体的端提供对应 SDK 实现供应用接入
举个 🌰 来说明下:
在邮件页面渲染服务 SSR API 中(以下简称 API),API 应用需要接入 Foxpage Node SDK(以下简称 SDK)。当用户请求 API 获取邮件页面 HTML 文档时,SDK 会请求 Foxpage Restful API 获取邮件页面的内容信息(DSL),拿到页面 DSL 后会走解析流程,如做一些预处理、数据绑定及动态加载资源文件(比如组件的 umd 文件)等工作。解析完成后 SDK 会根据解析后的对象做页面的构建和渲染(SDK 默认内置 Reactjs 框架,这里的邮件页面组件为 React 实现的),最终调用 Reactjs 框架的接口输出页面的 HTML 内容。
官网地址:
github地址:
其它低代码开源
1,阿里《低代码引擎技术白皮书》及阿里开源低代码引擎lowcode-engine及Demo
2,京东开源低代码水滴表单及水滴表格!水滴低代码搭建-6倍提效,新品首发素材审核系统实践之路
3腾讯宣布开源页面可视化编辑器“tmagic-editor”!!!用于腾讯视频会员、爱玩游戏、云视听极光、腾讯会议等十几个腾讯业务