我们的Web项目用的是Vue框架, 和你们的UmiJS框架开发,技术栈为React + TypeScript 有冲突吧?AUI应该怎么接入呀?
没错,Vue和React属于不同的前端框架,技术栈有较大差异。
但这不影响AUI能否接入您的系统。
对于同构技术栈的系统,AUI通过定义跨框架的标准接口,来实现与不同框架的接入。
主要思路有两点:
抽象出跨框架的标准消息接口
AUI中定义了一套标准的消息体系,包含:
一组通用的事件/消息名称
消息携带的标准字段
跨平台的序列化和反序列化方式
这套标准不依赖于任何前端框架。
使用中间件采用不同的接入方案
对于不同的前端框架,AUI提供对应的中间件,用于:
将标准消息转换为该框架的风格
提供回调函数,响应AUI服务端分发的消息
对于Vue项目,会提供Vue中间件。
对于React项目,会提供React中间件。
通过这种方式,AUI可同时支持Vue、React甚至多种技术。
所以对于Vue和React的混合应用,也不成问题。
您可以分别对Vue和React部分采用不同的AUI接入方式:
Vue部分使用Vue中间件接入
React部分使用React中间件接入
您现在已有的项目是 Vue 项目么?我们开源的项目有是三个页面,登录、列表和直播间页面,最重要的事直播间的页面,我建议您做 MPA 模式,直播间页面使用我们开源的工程改造,继续使用原有的 Vue 工程开发进入直播间前的业务和页面,通过跳转页面方式进入直播间页。
此回答整理自钉群“AUI客户支持群”
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。