如何使用 Html iframe 在 Angular 内运行离子应用程序

【问题标题】：How to run ionic app inside angular using Html iframe如何使用 Html iframe 在 Angular 内运行离子应用程序
【发布时间】：2020-07-14 02:39:04
【问题描述】：

我已经设法在本地运行这个应用程序。

https://www.ionicfirebaseapp.com/products/ionic-3-restaurant-mobile-app

但是，下载的文件允许制作它的 apk 文件，我正在尝试制作类似这个演示的东西。

https://www.ionicfirebaseapp.com/product/demo/ionic-3-restaurant-mobile-app

我能否获得一些关于如何使用 iframe 使 ionic 应用程序在 angular 内运行的指导，至少是我检查时得到的指导？

【问题讨论】：

评论不用于扩展讨论；这个对话是moved to chat。

标签： javascript html angular ionic-framework iframe

【解决方案1】：

在您的 ionic 应用中运行：

ionic build --prod

将生成的 www 文件夹将是您的应用程序的 js 文件。复制此文件夹并将其粘贴到资产中的 Angular 项目中，然后将其重命名为 ionic-demo，现在您可以使用 ionic-demo/index.html 从 iframe 访问它。有关离子文档中 pwa 的更多详细信息： https://ionicframework.com/docs/angular/pwa

这是一个将其部署到 firebase 的视频： https://www.google.com/url?sa=t&source=web&rct=j&url=https://m.youtube.com/watch%3Fv%3D17S9cKSnfwM&ved=2ahUKEwj-2ePDosnoAhWBhXIEHZdyCDgQFjABegQIDBAJ&usg=AOvVaw3LxDt9qav_SIatfwN19RiF

【讨论】：

我现在正在尝试。我会尽快接受它。