Angular 将模具添加到现有Ionic应用程序的步骤

我们已经开发了我们的应用程序使用离子3。我们期望更多的移动用户访问我们的网站，而不是从台式机和笔记本电脑。因此，我们希望在爱奥尼亚的SEO支持，我们可以修改每个页面的标题和元描述标签。我们已经试过了，但不起作用。 唯一的解决方案是服务器端渲染（SSR）吗？如果是这种情况，那么stenciljs看起来是唯一的解决方案。有没有人将模具集成到他们现有的爱奥尼亚项目中？如果是的话，你能告诉我做这件事的努力和步骤吗。谢谢

以下是我的步骤：

在您的

stenciljs

project run

rpm run build

将文件夹

/dist

中的全部内容从

stenciljs

项目复制到爱奥尼亚项目中的

/assets/your lib name/dist/

在爱奥尼亚项目中，编辑

index.html

，并在标题部分（末尾）添加以下内容：

---

考虑到Ionic首先有Angular，内置的Angular标题和元提供者不适合您吗？看起来它不适合您，因为页面源代码不显示修改后的值。即使对于angular，我们也使用node.js进行服务器端渲染。据我所知，Title和Meta应该与angular SSR一起工作，尽管我没有尝试过。

<script src="assets/your-lib-name/dist/your-lib-name.js"></script>

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@NgModule({
  declarations: [],
  imports: [],
  exports: [],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})