设置
前提条件
在开始学习本教程之前,您需要做好以下准备:
- 掌握基本的 HTML、CSS 和 JavaScript 知识
- 对 AMP 核心概念有一个基本了解(请参阅“将 HTML 转换成 AMP”教程)
- 安装一款可以查看 JavaScript 控制台的浏览器
- 安装一款文本编辑器
设置开发环境
第 1 步:下载代码
以 ZIP 文件格式或通过 git 下载本教程的示例代码:
git clone https://github.com/googlecodelabs/accelerated-mobile-pages-advanced.git
解压缩相应的归档文件(如有必要),并在计算机上通过命令行转到项目目录:
cd accelerated-mobile-pages-advanced
项目目录包含若干示例资源文件和初始的 article.amp.html
网页。
第 2 步:运行示例网页
为了测试示例 AMP 网页,我们需要从网络服务器访问相关文件。您可以通过多种方式创建一个临时的本地网络服务器来进行测试。下面列出了一些方案,请从中选择最适合您的方案:
注:我们强烈建议您在生产环境中使用 HTTPS。除了能够提供可靠的安全性,HTTPS 还具有包括 SEO 在内的诸多优势。要想详细了解此主题,请阅读这篇 Google 网站站长博文。
设置完本地网络服务器之后,请在浏览器中通过此网址访问示例报道:
http://localhost:8000/article.amp.html