基于React的开源低代码框架ToolJet

这篇具有很好参考价值的文章主要介绍了基于React的开源低代码框架ToolJet。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

基于React的开源低代码框架ToolJet,群晖,docker,低代码

什么是 ToolJet ?

ToolJet 是一个开源低代码框架,可以用最少的工程工作量快速构建和部署内部工具。ToolJet 的拖放式前端构建器允许您在几分钟内构建复杂的响应式前端。您还可以连接到数据源,如数据库(PostgreSQLMongoDBElasticsearch等)、API 端点(ToolJet支持导入 OpenAPI规范和 OAuth2授权)、SaaS 工具(StripeSlackGoogle SheetsAirtableNotion等)和对象存储服务(S3GCSMinio等),以获取和写入数据。

安装

在群晖上以 Docker 方式安装。

docker-compose.yml

将下面的内容保存为 docker-compose.yml 文件

version: '3'

services:
  client:
    image: tooljet/tooljet-client-ce:latest
    container_name: tooljet-client
    restart: always
    env_file: env.txt
    depends_on:
      - server
    volumes:
      - ./logs:/var/log/openresty/
      - ./certs:/etc/resty-auto-ssl/
      - ./fallbackcerts:/etc/fallback-certs
    ports:
      - 9480:80
      - 9443:443
    command: openresty -g "daemon off;"

  server:
    image: tooljet/tooljet-server-ce:latest
    container_name: tooljet-server
    #restart: always
    #ports:
    #  - 3000
    env_file: env.txt
    environment:
      SERVE_CLIENT: "false"
    command: npm run start:prod
    depends_on:
      - postgres

  postgres:
    image: postgres:13
    container_name: tooljet-postgres
    restart: always
    #ports:
    #  - 5432:5432
    volumes:
      - ./data:/var/lib/postgresql/data
    environment:
      - POSTGRES_USER=tooljet
      - POSTGRES_PASSWORD=password
      - POSTGRES_DB=tooljet
  • tooljet/tooljet-client-ce:latest 对应的版本为 v2.4.2
  • tooljet/tooljet-server-ce:latest 对应的版本为 v2.14.0

env.txt

将下面的内容保存为 env.txt 文件,之所以没用使用默认的 .env 做文件名,主要是为了便于在 FileStation 中编辑修改

TOOLJET_HOST=http://192.168.0.197:9480
LOCKBOX_MASTER_KEY=13c9b8364ae71f714774c82498ba328813069e48d80029bb29f49d0ada5a8e40
SECRET_KEY_BASE=ea85064ed42ad02cfc022e66d8bccf452e3fa1142421cbd7a13592d91a2cbb866d6001060b73a98a65be57e65524357d445efae00a218461088a706decd62dcb

# DATABASE CONFIG
ORM_LOGGING=all
PG_DB=tooljet
PG_USER=tooljet
PG_HOST=postgres
PG_PASS=password

# Checks every 24 hours to see if a new version of ToolJet is available
# (Enabled by default. Set 0 to disable)
CHECK_FOR_UPDATES=

# Checks every 24 hours to update app telemetry data to ToolJet hub.
# (Telemetry is enabled by default. Set value to true to disable.)
# DISABLE_APP_TELEMETRY=false

# FEATURE TOGGLE
COMMENT_FEATURE_ENABLE=
ENABLE_MULTIPLAYER_EDITING=true
  • TOOLJET_HOST:站点访问地址,主机IP + 端口,端口要和 docker-compose.ymlclient 的端口对应;
  • LOCKBOX_MASTER_KEY:用于机密数据源凭证的秘钥,应使用 32字节的十六进制字符串,可以用 openssl rand -hex 32 生成;
  • SECRET_KEY_BASE:用于加密会话 cookie,使用 64字节十六进制字符串,可以用 openssl rand -hex 64 生成;
  • PG_DB:数据库库名,和 docker-compose.ymlPOSTGRES_DB 对应;
  • PG_USER:数据库用户,和 docker-compose.ymlPOSTGRES_USER 对应;
  • PG_PASS:数据库密码,和 docker-compose.ymlPOSTGRES_PASSWORD 对应;
  • PG_HOST:数据库主机,和 docker-compose.yml 中 服务名称 postgres 对应;

更多的变量说明,请参考官方的文档:https://docs.tooljet.com/docs/setup/env-vars

一键启动

然后执行下面的命令

# 新建文件夹 tooljet 和 子目录
mkdir -p /volume1/docker/tooljet/{certs,data,fallbackcerts,logs}

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

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

# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:9480 就能看到设置界面

基于React的开源低代码框架ToolJet,群晖,docker,低代码

设置管理员

基于React的开源低代码框架ToolJet,群晖,docker,低代码

设置工作区名称,例如:test

基于React的开源低代码框架ToolJet,群晖,docker,低代码

设置公司信息,比如您的角色,例如: Other,都是无关紧要的,随便填就行

基于React的开源低代码框架ToolJet,群晖,docker,低代码

基于React的开源低代码框架ToolJet,群晖,docker,低代码

主界面

基于React的开源低代码框架ToolJet,群晖,docker,低代码

首先要添加一个数据源

基于React的开源低代码框架ToolJet,群晖,docker,低代码

支持 DatabasesAPIsCloud Storages,基本市面上主流的都支持

基于React的开源低代码框架ToolJet,群晖,docker,低代码

lsky 库做个测试,设置没问题的话,连接测试会显示 CONNECTION VERIFIED

基于React的开源低代码框架ToolJet,群晖,docker,低代码

SAVE 就可以了

基于React的开源低代码框架ToolJet,群晖,docker,低代码

新建一个 app,可以选择模板,或者导入

基于React的开源低代码框架ToolJet,群晖,docker,低代码

到主界面了

基于React的开源低代码框架ToolJet,群晖,docker,低代码

通过拖拽组件,来搭建应用,建议看官方文件快速入门:
https://docs.tooljet.com/docs/#the-very-quick-quickstart

不管哪一款低代码框架,基本的流程一般都是下面👇这样的:

  • 连接数据库
  • 创建新应用程序
  • 构建 UI
  • 生成查询并将数据绑定到 UI
  • 预览、发布和共享应用程序

这个项目有个汉化版本,https://github.com/mousheng/tooljet_cn,增强了一些功能,比如二维码组件、评论组件、相册组件等等,使其更符合国内使用习惯。有兴趣可以去看看

基于React的开源低代码框架ToolJet,群晖,docker,低代码

参考文档

ToolJet/ToolJet: ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀
地址:https://github.com/ToolJet/ToolJet

Docker | ToolJet
地址:https://docs.tooljet.com/docs/setup/docker/

Docker | ToolJet
地址:https://docs.tooljet.com/docs/contributing-guide/setup/docker/

Tooljet is not deploying correctly on docker · Issue #3051 · ToolJet/ToolJet
地址:https://github.com/ToolJet/ToolJet/issues/3051文章来源地址https://www.toymoban.com/news/detail-708989.html

到了这里,关于基于React的开源低代码框架ToolJet的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • C++ 之 一些优质的开源框架和项目代码

    Awesome C++ 一些优质的开源框架和项目代码,学习优秀程序员的代码风格与编程能力

    2024年02月07日
    浏览(39)
  • react-app框架——使用monaco editor实现online编辑html代码编辑器

    大家好,我是yma16,本文分享关于 react-app框架——使用monaco editor实现online编辑html代码编辑器。 monaco editor 编辑器 Monaco Editor是一款功能强大的Web编辑器,由微软开发并使用在多个项目中。它是基于VS Code编辑器的核心组件,具有类似的功能和用户体验。 Monaco Editor具有以下特点

    2024年01月20日
    浏览(49)
  • 开源内容管理框架Drupal在Docker本地部署并实现公网远程访问

    💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学习,不断总结,共同进步,活到老学到老 导航 檀越剑指大厂系列:全面总

    2024年02月03日
    浏览(70)
  • [开源]一款企业级物联网平台低代码开发框架,代码精简,开箱即用

    基于Go 1.20前后端分离架构,代码精简,开箱即用,前端紧随前沿 Vue3.0 + TypeScript + vite3 + Element-plus技术 对前后端进行了大部分功能的封装,后端自封装go-restful,使用起来更加简洁,功能逻辑清晰,能快速上手学习,并用在生产中。 报表大屏设计器: 我们只需要拖拉拽即可绑定

    2024年02月04日
    浏览(57)
  • 【开源框架】Golang DAG 任务调度框架 Goflow 全解析——源代码模型、使用示例等

    Simply way to control goroutines execution order based on dependencies.

    2024年02月06日
    浏览(56)
  • 初探 qiling ( 麒麟 ):开源的二进制分析、高级代码模拟框架

    官方介绍: 官网:https://qiling.io/ :https://twitter.com/qiling_io github 地址:https://github.com/qilingframework/qiling   qiling 基于 python 开发,是一个开源的、可模拟多种架构和平台的二进制 仿真(模拟) 框架,同时还提供跨架构的调试能力,多种层次的 hook 方法,该工具由 Unicorn 引擎 驱动

    2023年04月24日
    浏览(44)
  • 分享一款嵌入式开源按键框架代码工程MultiButton

    MultiButton 是一个小巧简单易用的事件驱动型按键驱动模块。 Github地址:https://github.com/0x1abin/MultiButton 这个项目非常精简,只有两个文件: (1)可无限扩展按键; (2)按键事件的回调异步处理方式可以简化程序结构,去除冗余的按键处理硬编码,让按键业务逻辑更清晰。 通

    2024年04月15日
    浏览(68)
  • 开源微信小程序源码+小程序游戏代码附搭建框架教程

    在本教程中,我们将使用Kaboom框架来开发一个微信小程序源码框架,类似于Atari 的Breakout和Taito的Arkanoid等经典小程序。 源码:y.wxlbyx.icu 在本教程结束时,您将能够: 使用 Kaboom 框架开发具有多个级别的微信小程序源码框架。 通过添加自己的通电和方块类型来构建基本小程序

    2024年02月06日
    浏览(49)
  • Android开发 基于ARouter开源的路由框架的YmRouter

    目录 一、ARouter的简介 二,集成  1、添加jitpack 仓库 2、依赖YmRouter库 单model项目 多model项目 三、使用和ARouter的小区别 3.1、和ARouter的区别 3.2、简单的初始化  3.3、简单使用 3.4 携带值跳转Activity ARouter是一个用于Android的路由框架,它能够帮助开发者实现组件之间的通信和页面

    2024年02月02日
    浏览(42)
  • 大数据开源框架之基于Spark的气象数据处理与分析

    Spark配置请看: (30条消息) 大数据开源框架环境搭建(七)——Spark完全分布式集群的安装部署_木子一个Lee的博客-CSDN博客 目录 实验说明: 实验要求: 实验步骤: 数据获取: 数据分析: 可视化: 参考代码(适用于python3): 运行结果:         本次实验所采用的数据,从中

    2024年02月03日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包