ivx杨帆启航React/Pixi.js/FaaSKrpano及微服务架构

Posted 2022-07-27 不良使

随着社会的变化，产业的进化，编程也开始了他的变化。从最开始的二进制编码语言->低级程序语言，到现在的高级编程语言以及现在慢慢探索超高级高级语言【程序可视化，可视化编程，让编程不再枯燥】。那么是不是只要能看懂界面就可以进行编程，写出自己的小程序了呢，下面我们来一起来看看ivx。

官网直达IVX

---

---

在ivx里面创建一个项目,在创建的空项目中可以进行一些操作

创建完成项目之后会直接进入一个类似于终端控制台的界面，有点像ps，这个界面里面有一些常用的组件。前后端资源，SDK资源等等。

添加标签页，除此之外还可以添加其他的，这里作为示例就随便挑选一个了。

我们新建了两个标签页，此时两个标签页里面可以进行不同的操作。嗯~，就像Android中Ul里面的布局一样，每个布局中添加的按钮以及一些操作是不会混乱的，相当于区域性。

我们通过拖拽控件创建了两个组件，一个按钮和一个二维码。我们可以发现是呈上下排列的，因为这是默认的。当然也可以设置左右排序。

上面的看着不是不很丑，两个组件上下连在一起的，还全部坐对其，这怎么能忍受。ok，那么想要把他们居中分开该怎么做呢。很简单，发现左边的小框框了吗，在里面通过改变参数达到居中的效果，左便宜，右偏移也都是可以的。

是不是比之前的好看些了，那么上面那个button按钮怎么不行呢。嗯~，那是因为每一个组件都有一个独立的调参的框框，当你点击组件时会自动切换到当前组件的框框。

切换到标签2，我们可以发现是空白的，这也很好的验证前面两个标签互相不影响。这里标签和Button的名字都是可以自己设置的。

嗯~，下班了，今天就到这吧。后面的更加精彩。

iVX的优势是什么？

🥭🥭1、快速学习：程序员一周就能快速上手，新手减少两年的学习时间。
🥭🥭2、快速开发：由于采用拖拽和配置，开发效率提升5倍以上。
🥭🥭3、快速运行：前端和后台采用最先进框架，精选融合云计算公司核心产品。
🥭🥭4、快速维护：效率提升数倍，核心开发人员离职后，产品依然可以快速维护。

---

---

🍓🍓iVX本身使用的技术栈？

🥭🥭iVX整体技术

🍎🍓原子组件： （专利技术）抽象出超过200+前端和后台原子组件，每个组件都具备“不可拆分”特性，并表达独立具有特征的属性；同时每个组件都具备“属性”“触发条件”“功能（函数）”。

🍎🍓逻辑编辑框架： （专利技术）通过事件面板，以及内部的“条件”“循环”“回调”“延时调用”，实现了完成的“触发式逻辑控制”。例如：当“按钮A”被“点击”，“视频B”开始“Play”中；“点击”是对象“按钮A”这个对象的一个“触发条件”，而“Play播放”则是对象“视频B”的一个“函数”。

🍎🍓快速事件面板： （保密技术）由于要在Web环境下容纳超过10万行事件的快速编辑和响应，iVX需要对事件面板做很多算法优化，冲突检测。

🍎🍓应用预览模拟器： （保密技术）为了用户可以快速预览，iVX开发了一套基于WASM（网页汇编语言）的快速预览框架，由于不需要编译过程，大大缩短预览时间。

🍎🍓AST（抽象语法树）： （专利技术）将所有对象在事件面板中的逻辑表达，转换为一个新的中间语言，这就是抽象语法树。随着AST的演进和发展，将可以独立生成各种基于代码的语言，例如Java、Python、C/C++等。

🍎🍓编译器： （保密技术）将AST抽象语法树，编译为目标语言执行代码，例如编译为WebApp、微信小程序、Windows应用等。

🍎🍓多人开发Git： （专利技术）由于iVX才有的对象存储的方式，并不是基于文本的代码，并不能直接使用开源的Git产品和框架，因此，iVX自行开发了一套自有知识产权的Git，专门用于对象的冲突检测、代码合并、代码拉取的算法。

---

🥭🥭iVX前端技术栈

🍎🍓自定义组件：用户可以根据iVX提供的组件标准，自行编写组件或采用现成库npm包等，上传自己的组件。
🍎🍓React Core：前端生成代码以及前端IDE都是通过React实现的。
🍎🍓吸收Vue特性：相当于是用React将Vue的简洁的很多特性重新实现了一遍，将Vue的简洁+React的高效融为一体。
🍎🍓3D组件：three.js，3D实现基于three.js，能实现强大的3D在线编辑功能，可能控制对象旋转、运动、镜头等；能实现720云相关效果。
🍎🍓Pixi.js：物理引擎实现（类似egret）。
🍎🍓图标组件：Echart
🍎🍓富文本编辑器：Quill
🍎🍓全景组件：Krpano
🍎🍓默认UI组件：antD
🍎🍓前端伪类：修改属性，马上显示。
🍎🍓路由：自有技术支持。
🍎🍓搜索引擎优化：自有技术支持。

---

🥭🥭iVX中台后台技术栈

🍎🍓后台和中台的关系： 在iVX中，自动生成的代码集中在前端和中台（中台包括所有的业务逻辑），这两部分都可以编译为JavaScript；而真正的后台部分，则是通过Go语言编写的DLL动态连接库来实现的，这个DLL是直接对接后端IaaS资源层，这个DLL是可以从网站上免费下载的。

🍎🍓微服务架构： 采用iVX自身的方式来建立微服务和微服务上架管理机制。在iVX内部，包括“公开服务”“组内微服务”“（企业）微服务”“服务”的概念，灵活实现服务有序共享，并保证数据安全访问。

🍎🍓BaaS （Backend as a Service）： “iVX云”后台高度集成AWS后台产品，将所有后台“数据”“API”“计算”都看成资源来进行管理，并将AWS的核心后台产品都抽象成了iVX中后台组件进行使用，方便用户快速搭建后台的同时，还透传了云计算厂商的后端能力，使得所有IaaS层资源“计算”“流量”“存储”所有节点都是弹性的；通过iVX发挥云计算最大能效。

🍎🍓FaaS（Function as a Service）： 直接使用AWS或阿里云的函数计算lambda。

🍎🍓资源和计费管理： 通过云计算的方式对用户运营的应用进行收费和管理。

IVX公众服务平台

---

---

---

---

---

---

觉得有用的可以给个三连，关注一波！！！带你了解更多编程小知识