Necessary for cloud native development: the first common codeless development platform IVX editor

Preface ：iVX What kind of person is the editor suitable for ？

The future must be a “ The age of universal programming ”,STEM The popularity of education , This is also proved from the side .

iVX You don't need any special skills and foundation to learn , As long as you feel your own “ Logical ability ” Not bad , Should be able to master this programming language well . On the whole iVX fit （ But not limited to, ） The following users use ：

1、 People who want to learn and engage in Internet programming in the future
2、 People or students who want to transform their internet jobs
3、 Students and teachers in school （ Computer related major 、 Major in art design 、 Science and engineering, etc ）
4、 A front-end or back-end developer at the elementary and intermediate level

iVX Editor address ： Point me to jump ~https://www.ivx.cn/

Interface ：iVX List

The general interface is shown in the figure below ：

There is a white area in the middle of the picture , be called “ stage ”（ Also called front desk 、 Editor window ）. The stage can be compared to Photoshop And other mainstream image processing software “ canvas ”, It defines the edit area of the project , All editing and authoring are done visually in this area ：

A column of small icons is vertically arranged in the long bar component bar on the left of the work interface , Each small icon is a “ Components ”. Each component has a specific function and usage , For example, a banner for page layout 、 panel , Pictures for adding media objects 、 video 、 Audio 、 Text , Action groups for adding action effects, etc ：

Object tree ：

Object tree is an important window for object management . Every component added to the current development environment will be recorded by the object tree , Visual display in tree structure , Such as below ：

1、 What is? iVX Editor ？

Simply speaking ：iVX = Front and back end code generators + Cloud resources （ Optional ）.

iVX It's a browser iDE（ Integrated development environment ）, No code as much as possible and can support the development of full scenario applications ; Try to support the operation of multiple systems at one time ; It also has good support for cloud and application export deployment .

Open a web page to use , Drag and drop + The configuration mode realizes code free development .“ The whole scene + The whole system ” Support , It can be published as a web page with one click 、APP、 Desktop application 、 Small programs and games .

Support combined code development , Improve the efficiency of traditional development mode , Programmers can write “ plug-in unit /CSS/SQL sentence /JS function ”, Access to external systems 、 database 、 Custom component libraries and SDK.

2、iVX What is the difference with other low code platforms ？

• difference ⼀、 Different ideas for products ： A compiled （iVX） Solution communication ⽤ problem ; Pick up ⼝ type （others） Solve problems in the field , Compiled products iVX It will be even lower iVX Similar can also be developed Bi engine 、⼯ Workflow 、 Form products ,⽹ You can find it on the station .

• difference ⼆、⽤ Different households ：iVX⽤ Users are programmers or collectively referred to as developers （⾮ Business ⼈ member ）; Pick up ⼝ Type ⽤ Household is “ trade service ⼈ member ”, full ⾜ No. , And then develop for programmers . In short, it is ： Pick up ⼝ type , What is provided is ⼀ Can be developed later SaaS Product or platform ;⽽ A compiled , It is ⼀ A complete development system .

• Difference three 、 Learning value is different ： for example ,iVX yes ⼀ A new programming language ⾔, Learning value is more ⾼; Pick up ⼝ Type a products , Only in this production
  Assembled within the product frame ,⽽ And there are many products of the same type

• Difference 4 、 Should be ⽤ The range is different ： Compiler can develop more ⼴ field ; Pick up ⼝ type , The main ⽤ Yu development “ Enterprise internal process management department
  system ”

• The difference is five 、 Yes ⽆ Frame limits ： The compiled version can interface with any system and framework , It also includes connection ⼝ Type code product ; Pick up ⼝ type ,
  Only in ⾃ Under the framework of home products ⾏ Expand , Incompatible with others

3、iVX The technology stack used by itself is ？

3.1 iVX The whole technology

• Atomic components ：（ Patented technology ） Abstract out more than 200+ Front end and back end atomic components , Each component has “ It's not divisible ” characteristic , And express the independent and characteristic attributes ; At the same time, each component has “ attribute ”“ The trigger condition ”“ function （ function ）”.
• Logical editing framework ：（ Patented technology ） Through the event panel , And internal “ Conditions ”“ loop ”“ Callback ”“ Delay call ”, The completed “ Triggered logic control ”. for example ： When “ Button A” By “ Click on ”,“ video B” Start “Play” in ;“ Click on ” It's the object “ Button A” One of the objects “ The trigger condition ”, and “Play Play ” It's the object “ video B” One of the “ function ”.
• Quick events panel ：（ Security Technology ） Because of the Web The environment holds more than 10 Rapid editing and response of ten thousand line events ,iVX You need to do a lot of algorithm optimization on the event panel , Collision detection .
• Application preview Simulator ：（ Security Technology ） For users to quickly preview ,iVX Developed a set based on WASM（ Web page assembly language ） Quick preview framework for , Since there is no need to compile , Greatly reduce preview time .
• AST（ Abstract syntax tree ）：（ Patented technology ） The logical representation of all objects in the event panel , Convert to a new intermediate language , This is the abstract syntax tree . With AST The evolution and development of , It will be possible to generate various code - based languages independently , for example Java、Python、C/C++ etc. .
• compiler ：（ Security Technology ） take AST Abstract syntax tree , Compile to execute code in the target language , For example, compile as WebApp、 Wechat applet 、Windows Application etc. .
• Multi person development Git：（ Patented technology ） because iVX The way objects are stored , Not text-based code , You can't use open source directly Git Products and frameworks , therefore ,iVX Developed a set of self owned intellectual property rights Git, Specifically used for object conflict detection 、 Code merge 、 Code pull algorithm .

3.2 iVX The front-end technology

• Custom components ： The user can according to iVX Component standards provided , Write your own components or use off the shelf libraries npm Bag, etc , Upload your own components . ReactCore： Front end generates code and front end IDE It's all through React Realized .
• absorption Vue characteristic ： Quite so React take Vue Many of the simple features of are implemented again , take Vue The concise +React The efficient integration of .3D Components ：three.js,3D Implementation is based on three.js, Can achieve powerful 3D Online editing function , May control object rotation 、 motion 、 Lens, etc ; It can be realized 720 Cloud related effects .
• Pixi.js： Physical engine implementation （ similar egret）.
• Icon components ：Echart
• Rich text editor ：Quill
• Panoramic component ：Krpano
• Default UI Components ：antD
• Front end pseudo class ： Modify properties , Show... Now .
• route ： Own technical support .
• Search engine optimization ： Own technical support .

3.3 iVX Background technology

• The relationship between the backstage and the middle office ： stay iVX in , The automatically generated code is concentrated in the front end and the middle end （ The middle office includes all the business logic ）, Both parts can be compiled as JavaScript; And the real backstage part , It is through Go language-written DLL Dynamic link library , This DLL It is directly connected to the back end IaaS Resource layer , This DLL It can be downloaded for free from the website .
• Microservice architecture ： use iVX To establish a microservice and a microservice shelf management mechanism in its own way . stay iVX Inside , Include “ Open service ”“ In group microservices ”“（ Enterprises ） Microservices ”“ service ” The concept of , Flexibly realize orderly service sharing , And ensure data security access .
• BaaS （Backend as a Service）：“iVX cloud ” The background is highly integrated AWS Back office products , Put all the backstage “ data ”“API”“ Calculation ” Are managed as resources , And will AWS The core background products of are abstracted into iVX Middle and background components , It is convenient for users to quickly build the background , It also reveals the back-end capabilities of cloud computing vendors , Make all IaaS Layer resources “ Calculation ”“ Traffic ”“ Storage ” All nodes are elastic ; adopt iVX Maximize the energy efficiency of cloud computing .
• FaaS（Function as a Service）： Use it directly AWS Or Alibaba cloud's function computing lambda. Resource and billing management ： Charge and manage applications operated by users through cloud computing .

4、iVX Differences from existing languages ？

5、iVX What can be used to develop ？

6、iVX How it's used ？

iVX The platform based on cloud development mode provides developers with one-stop services for the whole life cycle of application development , Users can complete application development without any environment configuration 、 test 、 Release and operations .iVX The tools provided by the platform are ： Application development tool cloud IDE（iVX Editor >）, Application management tools （iVX The workbench >）, And application operation and maintenance tools （iVX Work statistics >、iVX Application service >） etc. ; Besides iVX The platform also provides team collaboration for enterprise users Management tools , And application data management tools 、 Apply version management tools, etc .

7、iVX Editor start ~

See this , It's exciting , Let's get started ~

Click the link to sign up ivx train ~ Jump connection ：
（https://www.ivx.cn/play/training?trainID=11）