Making a low code platform

Low code Platform is getting popular these years.It enables developers of varied experience levels to create applications for web and mobile, using drag-and-drop components and model driven logic through a graphic user interface. Low-code platforms relieve non-technical developers from having to write code while still supporting professional developers by abstracting tedious plumbing and infrastructure tasks required in application development.

Predicament

Since the company develops many platforms and applications.It needs hundreds of manage systems to help support various configurations.This was the part of the job our UED front-end team,but we only consists of less than 10 members,whose are not able to offer such huge of requirements in limit time.Moreover,These systems are easy to develop base on UI component library such as Ant.design,obviously it’s not conducive to our team’s growth within this mode.
here’s our working flow of each team-members,we called it as fire fighting.

We need to make changes to turn the situation around.

Advantages

Starting up the Low code platform, we can harvest a lot. Forsyth Alexander has elaborated the benefits of it Top 5 Benefits of Low-Code
And what it making changes to our company is:

1. Simplify the workflow

Our members can focus on strengthening the ablities of the platform while other roles can join us by harnessing it.The project proposers can firstly
build the ui and some easy logic of the project and then deliver to the experienced developers to make it online,which save lots of time.

2. Accelerate the application’s develivery

Except the convenience of Drag-and-drop functionality,enough of bulit-in Apis,we do offer plenties of templates for the users to pick and match the analogous requirements that can modify instead of buliding it from 0-1.The templates are includes public platform templates as well as user upload templates,consists of project templates,page templates and even a component,
which making them more and more powerful as time passes.

3. Power our team

By changing the working flow,our team get released from the mantainence of the tradition project and new regular projects,which motivates us to build the platform more and more powerful.

Implementation

Here’s the structure of our platform.

1.Providing the startup Enviroment

Basically we offer the Cli that integrated toolchains for the best user and developer experience for inititaling a project,including basic configs that perfect support the low code platform.

  • preivew service that support instant operations in the low-code platform
  • auto-update-merge service while new publish cli feature released
  • enough toolchains and configs such as http config
2.Editor and Core

The core of our low-code platform is actually a *.json file,with the definition of the json schema,all the operations of the editor in Low Code Mode can transform into a json file,using the JSON-TO-CODE sdk,json can change to a renderable component file.Most importantly,with CODE-TO-JSON(inpspired from AST) sdk,users can modify the renderable component file that generated from JSON-TO-CODE in Pro Code Mode(sometimes Lode Code Mode has limits,but Pro Code is always free) and transform it back to Json file which it can be editted again in Low Code Mode,which makes it flexible enough.

3.Project Service

Basing on the Editor and Code as well as Enviroment,we can offer lots of services that helps with the deploy of the project and also afterwards improvement.
Providing auto testing.Serverless CI/CD work flow that can release the developers.Moreover,like event tracking,sentry alarming and offer kind of optimaztion opportunites also turning the project into a well virtuous circle.

Conclusion

Low Code Platform is a big topic which can be extends a lot, I will posts some details of them in the coming next chapter,pls leave some comments if you are interested in the article.

查看评论