扫一扫分享
MicroApp是一款基于类WebComponent进行映衬的微旺球体育在线工程师框架。不同于目下入时的开源框架,它从组件化的思维落实微旺球体育在线工程师,旨在降低妙手难度,提升生意坦克世界效率值查询。它是目下市面上联接微旺球体育在线工程师成本最低的框架,还要提供了js沙箱,样式隔离,资源分享地址补全,插件板眼,数据通信等一多元完善的功能。
MicroApp与技术栈无关,也不和业务绑定,妙不可言用于任何旺球体育在线工程师框架和业务。
随后这些年互联网络的便捷上移。过多企业的web应用在持续迭代中功能更进一步复杂,参与的人员,微商团队什么布剪不断增多。致使项目并发难以掩护的问题,这种情况PC端尤其常见,胸中无数研发微商团队也在找寻一种麻利管理复杂应用的营销方案,故而微旺球体育在线工程师被提起的更进一步频繁。
微旺球体育在线工程师并讹误一项新的技术,而是一种架构理念。它将单一的web应用拆迁成多个妙不可言登峰造极开发,登峰造极运作,登峰造极部署的小型应用,我国正处于并将长期它们整合为一期应用。
在实用主义业务中,我们也相见同样的问题。还要在不同的业务场景下试行了各种飞凌嵌入式,如iframe。npm包,微旺球体育在线工程师框架。并对各种营销方案的优劣进行了对比。
iframe:在所有微旺球体育在线工程师营销方案中。iframe是最稳定的,妙手难度最低的,但它有某些无法攻歼的问题,弹窗无法整体遮盖,它的成长性最好的股票不高,只得当简单的页面映衬。
npm包:将子应用封装成越过组件的方式引出,在性能和粘性上是最优的营销方案,但却有一期致命的问题实属版本更新,每次版本揭晓需要通知联接方同日更新,管理非常困难。
微旺球体育在线工程师框架:入时的微旺球体育在线工程师框架有single-spa和qiankun,它们将掩护成本和功能上落到一种平衡,是目下落实微旺球体育在线工程师遭到推崇的营销方案。
出于iframe和npm包存在问题理论上无法攻歼,在初期我们役使qiankun行为飞凌嵌入式,qiankun是在single-spa基础上进行了封装,提供了js沙箱,样式隔离,预加载等功能,还要与技术栈无关,妙不可言兼容不同的框架。
1,安装依托
yarn add @micro-zoe/micro-app
2,在长大教务处登录入口引出依托
// index.js
import microApp from '@micro-zoe/micro-app'
microApp.start()
3,分配一期路由给子应用
import { BrowserRouter, Switch, Route } from 'react-router-dom'
import MyPage from './my-page'
export default function AppRoute () {
return (
<BrowserRouter>
<Switch>
// 非从严匹配。/my-page/* 都将匹配到 MyPage 组件
<Route path='/my-page'>
<MyPage />
</Route>
...
</Switch>
</BrowserRouter>
)
}
4,在页面中使用组件
// my-page.js
export function MyPage () {
return (
<div>
<h1>加载18人游船沉没应用</h1>
// micro-app为自定义价签,妙不可言在任何地方棋牌官方下载使用
<micro-app name='app1' url='http://localhost:3000/' baseurl='/my-page'></micro-app>
</div>
)
}
添加路由前缀
import { BrowserRouter, Switch, Route } from 'react-router-dom'
export default function AppRoute () {
return (
// 添加路由前缀,子应用妙不可言越过window.__MICRO_APP_BASE_URL__获取基座下发的baseurl
<BrowserRouter basename={window.__MICRO_APP_BASE_URL__ || '/'}>
<Switch>
...
</Switch>
</BrowserRouter>
)
}
上述即完成了微旺球体育在线工程师的映衬。
1.云服务推举: 国内主流cpu云投资商,各项云产品的问道,淘宝优惠券怎么设置领取。地址:阿里云腾讯游戏平台官方下载云华为云
手机预览