在 Apostrophe CMS 项目中包含外部 3rd 方脚本

Question

如何从 Apostrophe CMS 中的自定义模块推送 3rd 方脚本？

我正在按照这个有用的教程为我的 Apostrophe CMS 站点构建一个表单。 我需要在表单（ https://developers.google.com/recaptcha/docs/display ）上放一个 reCaptcha 东西，我没有遵循如何从谷歌包含所需的脚本。 请注意，我需要通过脚本文件包含 url 传入一个变量，即： <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

是否已经创建了一个小部件（如Apostrophe-twitter ），我可以参考它来了解如何包含这个额外的脚本？

**编辑我可以通过在我的根模板中创建一个块来完成工作，即： {% block customAssets %} {% endblock %} ，然后用我的联系表单小部件中的必要包含“填充”块：小部件.html 文件。 有没有更好的方法来完成这项任务？

Answer 1

我是 P'unk Avenue 的 Apostrophe 的首席开发人员。

在大多数情况下，您可以调用pushAsset ，就像我们的模块一样（您链接到的教程中有示例），并使用 .less 和 .js 文件填充模块的public/css和public/js子目录。

但是对于这种情况，由于 URL 是外部的并且需要查询参数，因此并没有真正的内置解决方案。 毕竟，Apostrophe 的资产推送机制的很大一部分重点是缩小，这在这里并不适用。 从外部加载资产是......好吧......外部。

因此，outerLayout 中的块对您的场景非常有意义。

希望这是有帮助的！