angular - 是否可以在经典网站中嵌入 Angular5 应用程序？

Question

我在 Angular5 中编写了一个 Web 应用程序（存储在 AWS S3 云上）。

另一家拥有传统网站的公司希望在他们的网站中嵌入我的 Web 应用程序页面（例如，在 iframe 中）。

可能吗 ？

我怎样才能做到这一点 ？

标签： angularembed

Answer 1

对于您的问题，我可以想到两种解决方案：

• 使用老派iframe。没有错：

  <iframe src="https://www.yourUrl.com"></iframe>

• 角元素。该项目基于 WebComponents 规范，支持将 Angular 应用程序编译为自定义 html-tags。查看有关该主题的出色博客文章或相应的Angular Elements 文档。

其他注意事项：

CORS

对于CORS ，您可能要考虑的一件事iframe是，您必须手动允许其他公司网站将您的应用程序包含在您的Access-Control-Allow-Origin标头中。

带宽：

允许另一个网站将您的应用程序嵌入其中，这iframe会将额外流量的负担放在您的服务器上。