API基础系统的AMP页面

时间:2016-12-26 07:52:18

标签: javascript reactjs accelerated-mobile-page google-amp

我们正在努力将网页移至Google AMP,以获得更好的移动和搜索引擎优化体验。问题是我们的系统完全是API基础。我们正在使用nodejs以及现在的反应。

由于在AMP中你不能使用javascript来进行ajax API调用,有没有办法通过API实现AMP?在网上搜索但无法找到最佳解决方案

2 个答案:

答案 0 :(得分:2)

您将需要一个中间http服务器来进行这些API调用并生成提供给客户端的静态HTML。

答案 1 :(得分:0)

由于React和Angular都支持服务器端渲染。您可以使用ReactDOMServer.renderToStaticMarkup(element)在服务器上生成静态html,同时利用react组件结构的优势。

  • 您可以使用节点服务器进行API调用,并将该数据传递到您的React组件,后者稍后将使用renderToStaticMarkup生成AMP html。
  • 您还可以使用redux-connect,npm库,该库等待API在服务器上解析后再呈现React组件。