基于 LowCodeEngine 的调试能力建设与实践

作者:刘菊萍(絮黎)

概述

业务背景

低代码由于研发效能和交付的优势变得越来越普及,在降本提效的同时也带来了很多黑盒逻辑。现有的低代码平台普遍缺乏面向用户的调试能力,当用户在低代码搭建遇到问题时,排查和解决问题强依赖平台的客服答疑或浏览器原生的调试能力,导致非前端用户使用低代码平台的成本很高。因此我们需要提供更适合低代码平台的调试能力,降低低代码平台的使用成本。

技术难点

在阿里低代码引擎的产品技术体系中,一方面我们需要提供低代码平台的基础调试能力,适用于大多数低代码的调试能力,需要考虑非前端用户的使用习惯和学习成本;另一方面由于低代码平台的目标用户类型差异较大,不同低代码平台所需的调试能力也是不一样的,除了基础的调试能力之外,我们需要通过提供扩展定制能力,帮助不同的低代码平台快速建设适合的调试能力。

技术细节

在技术架构上,我们通过分层设计,将调试体系分为 Client、Server、Protocol 等不同层来承担不同的职责,向下做好协议的统一收敛,与低代码引擎的协议和渲染体系对接,向上也能支持不同分层下的高度定制。在产品设计上,我们在低代码引擎标准协议的基础上完成了日志查看、错误码定位、审查元素、数据源查看与修改等低代码调试能力上的探索。具体实践和分析:低代码引擎体系下的调试能力在集团内的中后台平台 A 落地了半年,活跃用户总量为 600,占比平台总月活的 20%,并大幅度降低了答疑中调试相关问题的占比。

低代码引擎介绍

低代码引擎是一款为低代码平台开发者提供的,具备强大扩展能力的低代码研发框架。由阿里巴巴前端委员会、钉钉宜搭联合出品。使用者只需要基于低代码引擎便可以快速定制符合自己业务需求的低代码平台。同时,低代码引擎还在标准低代码设计器的基础上提供了简单易用的定制扩展能力,能够满足业务独特的功能需要。

开源地址: https://github.com/alibaba/lowcode-engine

官网: http://lowcode-engine.cn/#/

点击文末「阅读原文」,可直接跳转查看

低代码调试背景介绍

在阿里内部有很多低代码平台,其中图中的这款低代码平台是用于开发中后台页面。由于这个平台沉淀的时间比较久,因此用户量相对比较多,覆盖的人群类型也比较广泛。

该低代码平台月活跃用户有大概 4000 人左右,这 4000 人里面有前端、后端、测试开发等。其中大概只有 30% 的使用者是前端研发,而剩下 70% 的使用者都是非前端研发人员。为了帮助这 4000 人使用该低代码平台,该低代码平台提供了两个前端全职进行答疑,帮助该平台的使用者解决他们遇到的问题。

我们可以看到,答疑同学一个月大概需要解决 400 多个答疑工单,这些工单里面有大量的使用问题和应用调试问题。

那我们来假设一下,如果这个低代码平台没有前端同学来进行答疑,那是不是有至少 400 多个使用者有可能无法使用我们的低代码平台。我认为是非常有可能的,在这种情况下,如果他们遇到问题,找不到渠道来解决问题的,因此对低代码平台产生不好的印象,他们就很容易抛弃掉这个低代码平台,甚至抛弃掉所有的的低代码平台也是有可能的。

这样我们可以看出来这个低代码平台有两个问题:

  • 答疑成本高,对于非前端研发同学来说,十分依赖答疑同学提供的支持,这样会导致低代码平台用户量越多,答疑成本就越高,

  • 学习门槛高:就算有足够的答疑支持,非前端研发使用低代码平台也有较高的学习成本,这就导致低代码平台很难进行更大范围的推广。

因此,我们需要去减少答疑的成本,为了找到减少答疑的解决方案,我们先来分析一下答疑的案例。

这是一个答疑同学在答疑过程中和低代码平台的使用者沟通的过程。

在最开始的时候,用户会跟答疑人员说遇到了一个报错,需要答疑人员帮忙看看问题在哪里。这时候一般都需要用户提供可以让答疑人员复现问题的步骤。比如说,需要提供报错页面的地址。在大多数情况下,这些页面都有权限管控,需要找对应的权限管理员来添加权限。甚至有的项目因为添加权限太麻烦,只能通过截图或者视频来查看和定位问题。

所以这个案例暴露出来的第一个问题是权限管控会让答疑时间更长,也让查看和定位问题的难度更高了。

我们继续看第二部分,当权限添加完成之后,用户和答疑人员往往还要沟通复现路径,由于用户和答疑人员沟通过程往往存在信息差,所以需要反复沟通才能明确复现的步骤,答疑人员才能复现出报错场景,才能找到到问题。

我们可以看出来,这里暴露的第二个问题是复现问题沟通耗时且繁琐。

找到问题之后,发现这些问题很有可能是一些对于前端很简单的问题,比如说标点符号使用错误,中英文符号使用错误等。因为大多数低代码平台的使用者是非前端开发,他们没有前端相关的基础。因此对于前端来说很简单的问题没有办法自己解决,就只能依赖答疑人员的帮助。那如果缺少了答疑,没有前端基础的使用者想要解决类似的问题,学习成本还是非常高的

因此,一方面为了减少答疑的沟通成本、另外一方面为了降低非前端研发同学的学习成本。我们决定为低代码平台提供低代码调试工具。

低代码调试能力建设

最低0.47元/天 解锁文章
阿里巴巴终端技术
关注 关注
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
low-code:The low code plateform for java.(java 低代码无代码平台工具。java 代码自动一键生成工具。)
05-13
low-code 是一款为 java 打造的低代码平台。 特性 支持基本的增删改查 支持 EXCEL 导出 代码一键生成 生产代码一键清理 技术选型 springboot 容器 mybatis-plus+druid+mysql 数据库 vue+element-ui 页面 变更日志 快速开始 需要 jdk 1.7+ maven 3.x+ mysql 5.7 配置调整 此处使用的是 mysql-5.7,数据库脚本见 在 mysql 中执行上述脚本,默认的 mysql 登录信息为 root/123456。 如果需要调整,修改 文件。 启动 直接运行 Application#main() 方法,即可启动应用。 首页 生成示例 分支特性 v0.0.1-基本 dal 等实现 v0.0.2-实现增删改等功能 v0.0.3-实现分页查询 v0.0.4-实现 EXCEL 导出 v0.0.5-实现枚举值
hetu:低代码平台,可视化编辑器,单手打代码,解放你的双手
03-17
河图 河图,是一个低代码平台,通过可视化界面,快速生成各种后台页面,极大地减少了开发成本。 河图是贝壳找房内部孵化项目,目前已在公司大多数业务线落地,完成200+项目,1500+页面。 :sparkles:特性 :female_sign:‍:female_sign:操作简单,功能强大的可视化编辑器 :package:开箱即用,预期后台管理系统模版 :gear:开发流程全部在线化,节省沟通,调试,运维成本 :shield:使用React,TypeScript,nodejs,express开发 :desktop_computer:兼容环境 现代浏览器,IE11以上 :link:友情链接 :baby_bottle:准备 1.一个邮箱账号 用于发送验证码,需要 2. MySQL数据库 本项目使用mysql 5.7版本 方式1: 方式2:购买MySQL云服务 3.初始化数据库 将文件,通过mysql Gui工具,导入到数据库 4.创建配置文件 克隆项目,在项目根目录下创建system_config.ini文件,配置内容如下(将****替换为自己的配置
LowCodeEngine基础教程
IT飞牛
04-08 1052
复制自定义组件中的packages和components信息。根目录\build\lowcode\assets-prod.json追加到本地demo项目中根目录\src\services\assets.json,将上述packages和components信息追加到对应的属性中。再次启动本地demo项目,可以看到新增了一个【默认分组】方式 1:在 DEMO 中直接新增插件方式 2:在新的仓库下开发插件初始化pnpm i。
hetu低代码平台源码.zip
01-26
低代码平台通过可视化界面, 快速生成各种后台页面, 极大减少开发成本。 操作简单、功能强大的可视化编辑器 开箱即用、高质量后台管理系统模版 开发流程全部线上化,节省沟通、调试、运维成本 使用 React、TypeScript、nodejs、express 开发
物联网云端管理低代码开发平台框架源码
09-10
基于易起点低代码开发框架,扩展开发实现的物联网云端管理平台框架源码,扩展模型源码自动生成,并在此基础上实现定制开发,实际应用需要硬件端支持,该代码仅供参考,使用VS2019+ msSQL即可起动调试运行,该程序包包含易起点低代码CMS的全部功能,可通过源码分析与测试来了解易起点的扩展开发能力,并实现自已的扩展开发功能,系统还内置了TCP服务器,同时还包含websocket的扩展服务与应用。内置了几个现场产品应用示例的前后端所有示例源码
低代码平台源码+项目说明(支持Spring Boot,SSM,Java Swing以及C文件).zip
01-31
【资源说明】 1、该资源包括项目的全部源码,下载可以直接使用! 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目,作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能,需要能看懂代码,并且热爱钻研,自行调试。 低代码平台源码+项目说明(支持Spring Boot,SSM,Java Swing以及C文件).zip
阿里开源的低代码工具LowCodeEngine
chengRantianxia的博客
09-07 9702
阿里开源的低代码工具LowCodeEngine
阿里开源项目LowCodeEngine低代码开发引擎
AstarCloud
04-02 8794
简介       阿里开源低代码开发引擎“LowCodeEngine”项目,市面上低代码引擎开发平台有很多,阿里低代码开发start并不多。 低代码介绍 零代码、低代码的概念在整个全球行业内已经流行了很长一段时间。通常意义上的低代码定义会有三个关键点: 一个用于生产软件的可视化编辑器 中间包含了一些用于组装的物料,可以通过编排、组合和配置它们以生成丰富的功能或表现 最后的实施结果是成本降低 低代码平台主要的功能: 可视化页面搭建 可视化模型
【低代码】1450- 探索组件在线预览和调试
pingan8787
09-21 362
????这是第 160篇不掺水的原创,想要了解更多,请戳下方卡片关注我们吧~背景前端人员在开发过程中,如何快速感知到组件的功能和属性?现状是通过阅读组件相关文档,好在基础组件库的文档相对完整和清晰,手动补全示例。业务组件相关文档目前只能在内部 NPM 私库上查看,静态的 API 文档,没有组件的 Demo。对于非前端人员,如何预览和调试组件呢?比如:某一天,产品想提前调研其它业务线的业务组件功能能...
上手阿里低代码引擎lowcode-engine
lyd的博客
11-13 5070
lowcode-engine实现表格页面简单的增删改查
Umi4 集成阿里低代码框架lowcode-engine
wangqiaojie的博客
08-04 4841
最近准备研究下阿里低代码框架lowcode-engine, 官方Demo是提供好的脚手架,由于我们的框架使用的是umi,官方文档提供了一些教程,在此记录下在umi4集成lowcode-engine.
Rust通用代码生成器莲花尝鲜版九
08-22
Rust通用代码生成器莲花尝鲜版九。此版本改进了前端登录失败的错误提示,去除了后端运行时在控制台上输出的调试信息。暂不支持Oracle数据库。请部署在Tomcat9的webapps目录下。欢迎使用。项目地址:https://gitee.com/jerryshensjf/Lotus
GMTC 2023全球大前端技术大会北京站(公开)PPT汇总(33份).zip
08-24
基于LowCodeEngine 的低代码组件体系的建设实践 基于TypeScript语言服务为你的DSL带来丝滑的开发体验 类型体操——快乐的屠龙术 零代码到低代码:多端小程序制作平台探索与实践 迈向可观测,移动端监控运维体系的...
带你一步步实现低代码开发平台——低代码配置模块视图配置功能详解
学海无涯,行者无疆
05-25 1747
对于大多数业务实体管理,在系统中有个功能菜单对应,最常见的情况就是一个列表页面,如接口平台模块下的应用管理功能,如下图所示该页面对应着列表视图,包括了常见的查询、新增、修改、查看页面(删除功能不是一个页面,而仅是一个功能按钮,位于列表页面),对应着新增视图、修改视图和查看视图。列表视图是最常用,也是最复杂的,下面具体来说一下。对于自关联的实体,如组织机构,实际数据是有层次,会展示为一棵树。该视图通过实体模型属性中的是否上级就可以自动处理,无需额外配置。
13k star,阿里官方低代码引擎开源了,快速交付的神器!
码猿技术专栏
01-27 48
大家好,我是不才陈某~LowCodeEngine是由阿里巴巴钉钉团队开源的低代码引擎, 该引擎全面遵循《阿里巴巴中后端前端基础构建协议规范》和《阿里巴巴中后端前端素材协议规范》。兼容主流浏览器:Chrome >= 80,Edge >= 80,safari 和 firefox 最近 2 个 版本。1. 特性提炼自企业级低代码平台的面向扩展设计的内核引擎,奉行最小内核,最强生态的设计理念开...
阿里开源低代码引擎 - Low-Code Engine
老杜的博客
02-22 1895
本文主要介绍如何在Windows运行/开发阿里开源低代码引擎 - Low-Code Engine
千亿级公司低代码平台的测试体系介绍
zouhui1003it的专栏
04-28 823
一、有赞低代码平台-bos介绍1.1、什么是低代码平台 低代码开发平台已经成为现在很多企业开发管理应用程序的重要工具,低代码平台的出现帮助企业降低了软件开发的成本,提高了软件开发的效率...
[转]阿里开源低代码引擎LowCodeEngine
Admans的专栏
04-06 954
一、什么是低代码引擎 低代码引擎是具备强大扩展能力的低代码研发框架,使用者只需要基于低代码引擎便可以快速定制符合自己业务需求的低代码平台。同时,低代码引擎还在标准低代码设计器的基础上提供了简单易用的定制扩展能力,能够满足业务独特的功能需要。 简单的说,原本需要维护多个平台的代码,开发需要懂得多个框架,维护成本高。现在只需要拖拽组件,再绑定数据,就可以完成一套服务,减少了人力和维护成本。 二、低代码引擎介绍 2.1 低代码设计器 通常,每一个低代码平台中都会有的一个能力就是搭..
基于 LowCodeEngine 的低代码组件体系的建设实践
阿里云云栖号
03-31 1168
从 06 年 jQuery 发布,前端物料就开始以各种 jQuery 插件的形式不断涌现,直到今天我们仍然可以在 github 上看到很多 jQuery 物料插件,他们当中的设计思路在今天流行的这些前端组件库里仍然可以看到很多影子。
800低代码平台的开发手册
最新发布
04-23
800低代码平台是一种用于快速开发应用程序的平台,它提供了一系列的工具和功能,使开发人员能够以更高效和简化的方式创建应用程序。以下是800低代码平台的开发手册的主要内容: 1. 平台概述:介绍800低代码平台的基本概念、架构和主要特点。 2. 开发环境设置:详细说明如何配置开发环境,包括安装和配置开发工具、设置数据库连接等。 3. 应用程序设计:介绍如何设计应用程序的数据模型、界面布局和业务逻辑。包括如何创建实体、定义字段、设置关联关系等。 4. 表单设计:详细说明如何设计表单界面,包括添加字段、设置验证规则、布局设计等。 5. 流程设计:介绍如何设计应用程序的流程,包括创建流程图、定义流程节点和流程变量等。 6. 规则引擎:详细说明如何使用规则引擎来定义应用程序的业务规则,包括条件、动作和规则集的定义。 7. 安全管理:介绍如何设置应用程序的权限和角色,包括用户管理、角色管理和权限配置等。 8. 集成开发:详细说明如何与其他系统进行集成,包括数据导入导出、API调用和Web服务集成等。 9. 调试和测试:介绍如何进行应用程序的调试和测试,包括日志查看、错误处理和单元测试等。 10. 部署和发布:详细说明如何将应用程序部署到生产环境,包括服务器配置、数据库迁移和发布流程等。 以上是800低代码平台开发手册的主要内容。如果您对某个具体主题有更深入的了解或有其他问题,请告诉我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • 渲染引擎分析 - 鸿蒙(OpenHarmony) JS UI 源码阅读笔记 5826
  • Android Target 31 升级全攻略 —— 记阿里首个超级 App 的坎坷升级之路 5151
  • 阿里本地生活端智能架构设计与技术探索 4978
  • 淘宝客户端安全生产体系建设 4683
  • NextRPC : RPC 多段返回的创新和探索 4518

最新评论

  • Cube 技术解读 | Cube 小程序技术详解

    shuzui111: 这个cube要怎么搞得到呀

  • 大麦 Android 选座场景性能优化全解析

    snift: 虽然看不大懂 但是大为震撼

  • 钉钉 ANR 治理最佳实践 | 定位 ANR 不再雾里看花

    c491843272: ANRCanary有开源计划吗?

  • 基于 LowCodeEngine 的调试能力建设与实践

    weixin_38415447: 请问下 Ali LowcedeEngine是否提供调试能力?

  • 低代码引擎半岁啦,来跟大家唠唠嗑...

    fanxin12138: 引擎支持使用自定义组件吗?还是说必须在提供的物料中选择

您愿意向朋友推荐“博客详情页”吗?

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐
提交

最新文章

  • SLS:基于 OTel 的移动端全链路 Trace 建设思考和实践
  • 为iframe正名,你可能并不需要微前端
  • 钉钉 ANR 治理最佳实践 | 定位 ANR 不再雾里看花
2023年2篇
2022年53篇
2021年35篇

目录

目录

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳SEO优化公司文山百度竞价襄阳优化价格吉林企业网站制作推荐三亚百搜标王价格菏泽百姓网标王哪家好恩施网站推广系统价格南昌百姓网标王推广哪家好南昌网站优化软件报价霍邱百度竞价价格郴州网站设计模板报价西安百度seo报价盐城设计网站推荐横岗阿里店铺运营哪家好广安英文网站建设报价杭州网站优化按天扣费公司随州网站优化软件报价聊城百度seo报价柳州企业网站改版报价临猗阿里店铺托管公司泰州seo网站优化价格焦作网站改版哪家好梧州网页设计哪家好南联英文网站建设双龙网站搜索优化价格眉山品牌网站设计多少钱广安企业网站制作公司安康网站改版多少钱宝安设计网站报价黔东南百姓网标王推广报价南充优化多少钱歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化