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

Question

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

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

有可能吗？

我该怎么做？

Answer 1

我可以想到两种解决您的问题的方法：

• 使用老式的iframe。没错：

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

• 角度元素。该项目基于WebComponents规范，并允许将Angular应用程序编译为自定义html标签。检出this excellent blog post on the topic或相应的Angular Elements documentation。

其他注意事项：

CORS

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

带宽：

允许另一个网站将您的应用程序嵌入iframe中将给服务器增加额外的流量负担。