如何跨子域使用公共标头

Question

我有两个站点，位于两个不同的平台上。一个在 Wordpress 上，它位于 blog.example.com。另一个在 Shopify，它位于 shop.example.com。

它们都有相同的标题。

将标头代码放在一个位置并在两个站点上都包含标头的最佳方法是什么？我能想到的唯一方法是 iframe，这似乎不是正确的想法。

谁有办法做到这一点？

Answer 1

最好的方法是从一个平台 Shopify 或 Wordpress 管理标题，并通过 AJAX（如果您在 WordPress 端允许 CORS）或使用爬虫从另一个平台获取它。

---

由于 WordPress 在带有自定义后端逻辑时更加强大，我建议从 Shopify 管理 Header 并从 WordPress 抓取它以便使用它。 （请记住，链接必须是绝对的，而不是相对的）

---

如果您计划从 WordPress 管理它并且未启用 CORS，您将需要创建自定义应用程序，该应用程序必须抓取 WordPress 站点并获取标题。从那里取决于您喜欢如何存储标题：

• 通过 Assets API 创建一个 sn-p 并使用同步按钮或​​ cron 作业手动更新它
• 创建一个您将请求并返回标头标记的代理应用页面

---

TLDR;最简单的解决方案是从 Shopify 站点向 Wordpress 站点发出 AJAX 请求并获取 HTML，前提是您在 wordpress 主机上启用了 CORS。