Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/.net/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 微型前端-进近_Javascript_Angularjs_Micro Frontend - Fatal编程技术网

Javascript 微型前端-进近

Javascript 微型前端-进近,javascript,angularjs,micro-frontend,Javascript,Angularjs,Micro Frontend,我在AngularJS(Angular1)中构建了一个旧的遗留应用程序,此时进行框架更改或任何其他重大更改都是不可行的 有一个新的应用程序使用较新的堆栈和它的独立应用程序本身构建。我需要在旧的旧应用程序中呈现此新应用程序 我可以使用iframe实现这一点- <div id="i-am-old-app"> <iframe src="www.mynewapp.com/index.html"></iframe> </div> 我可以使用自定

我在AngularJS(Angular1)中构建了一个旧的遗留应用程序,此时进行框架更改或任何其他重大更改都是不可行的

有一个新的应用程序使用较新的堆栈和它的独立应用程序本身构建。我需要在旧的旧应用程序中呈现此新应用程序

我可以使用iframe实现这一点-

<div id="i-am-old-app">
    <iframe src="www.mynewapp.com/index.html"></iframe>
</div>

我可以使用自定义web组件

<div id="i-am-old-app">
    <my-new-app-web-component></my-new-app-web-component>
</div>


我还可以使用哪些其他最好的方法?主要目的是要有performant应用程序,如果新应用程序有代码更新,则不需要在旧应用程序中进行新部署

您可以尝试使用以下方法之一

  • 第二个是微前端架构的框架。 第一种是自己实现微前端的方法。这是一个很好的解释,它有一个非常酷的例子,在乞讨中非常有用:)