开源低代码平台Openblocks

网友 Hank·Meng 想看低代码工具,正好手上有一个;

什么是 Openblocks ?

Openblocks 是一个开发人员友好的开源低代码平台,可在几分钟内构建内部应用程序。

传统上,构建内部应用程序需要复杂的前端和后端交互,涉及数百行和数千行代码,更不用说打包、集成和部署工作了。Openblocks 显著减少了构建应用程序所需的工作。

Openblocks 中,您所需要做的就是将预构建或自定义的组件以及可随时连接的数据库和 API 拖放到所见即所得 (WYSIWYG) 画布上,Openblocks 帮助您快速构建应用程序并专注于业务逻辑。

构建内部应用程序基本上需要 5 个步骤:

  1. 快速连接到您的数据源,包括 PostgreSQLMongoDB 和在线 API
  2. 编写几行 SQL 或设置请求参数来构建查询。
  3. 使用预构建或用户自定义的 UI 组件来构建应用程序 UI,使用 UI 组件绑定和显示查询数据。
  4. 设置事件处理程序以触发查询、控制组件或其他操作以响应用户交互。
  5. 预览并与其他人分享您的应用程序。

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 openblocksdev ,选择第一个 openblocksdev/openblocks-ce,版本选择 latest

本文写作时, latest 版本对应为 1.1.8;这是一个 all in one 的版本,里面包含了数据库及前后端服务,非常适合于功能体验;

docker 文件夹中,创建一个新文件夹 openblocks,并在其中建一个子文件夹 stacks

文件夹 装载路径 说明
docker/openblocks/stacks /openblocks-stacks 存放数据库、日志等

端口

本地端口不冲突就行,不确定的话可以用命令查一下

1
2
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
3042 3000

环境

老苏没使用环境变量。关于环境变量的说明,请参考官方文档:https://github.com/openblocks-dev/openblocks/blob/develop/deploy/docker/README.md#configuration

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

1
2
3
4
5
6
7
8
9
10
11
12
13
# 新建文件夹 openblocks 和 子目录
mkdir -p /volume1/docker/openblocks/stacks

# 进入 openblocks 目录
cd /volume1/docker/openblocks

# 运行容器
docker run -d \
--restart unless-stopped \
--name openblocks \
-p 3042:3000 \
-v $(pwd)/stacks:/openblocks-stacks \
openblocksdev/openblocks-ce:latest

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

1
2
3
4
5
6
7
8
9
10
11
version: '3'

services:
openblocks:
image: openblocksdev/openblocks-ce:latest
container_name: openblocks
restart: unless-stopped
ports:
- 3042:3000
volumes:
- ./stacks:/openblocks-stacks

然后执行下面的命令

1
2
3
4
5
6
7
8
9
10
# 新建文件夹 openblocks 和 子目录
mkdir -p /volume1/docker/openblocks/stacks

# 进入 openblocks 目录
cd /volume1/docker/openblocks

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:3042 就能看到登录界面

第一次需要注册账号

主界面

新建应用

简单的拖拖拉拉之后,就搭出了一个登录界面

当然这只是界面,还需要绑定数据库,来实现业务,除了数据库之外,也支持在线 API

具体用法可以看看官方文档,还是比较详细的:https://docs.openblocks.dev

虽然老苏不会开发,但用来做原型设计也是不错的。不过需要注意的是,似乎目前的代码更新已经不是很积极,不清楚是在憋大招还是程序员跑路了呢? 😂

参考文档

openblocks-dev/openblocks: 🔥 🔥 🔥 The Open Source Retool Alternative
地址:https://github.com/openblocks-dev/openblocks/

Openblocks - Open-source low code platform
地址:https://openblocks.dev/

Self-hosting - Openblocks Docs
地址:https://docs.openblocks.dev/self-hosting