Goibibo 如何开始使用 AMP for Email – 以及您如何也能做到

编辑注：以下文章最初由 Goibibo 全栈开发人员 Varun Kumar 发表于 Medium

电子邮件仍然是用于营销活动、交易提醒、处理客户投诉、大众传播等的首选通信方式。根据 Radicati Group Inc. 的数据，到 2019 年底，全球电子邮件用户数量将增加到 29 亿以上。到 2019 年底，全球超过三分之一的人口将使用电子邮件。但它能否变得更加强大？我们能否让电子邮件变得更具吸引力和互动性，就像有人浏览网站一样？我们能否在电子邮件打开时提供实时动态数据？我们能否在不离开收件箱的情况下从电子邮件本身收集信息？

是的，是的。随着 AMP 项目推出电子邮件 AMP，所有这些现在都成为可能。

什么是电子邮件 AMP 也称为动态电子邮件？

这是 AMP 项目在 2018 年推出的一项新技术，它允许你在电子邮件中使用一部分 AMP 组件，使其更具吸引力。它是 AMP 项目的一部分（一个开源项目，旨在为网络内容提供以用户为先的格式，支持每个网络发布者、商家和广告主的长期成功），它为电子邮件提供类似 Javascript 的功能。

等等，我听说过 AMP

你一定听说过。但电子邮件 AMP与HTML AMP不同，尽管两者都是开源的，并且都是AMP 项目的一部分。电子邮件 AMP 比 HTML AMP 有更多规则，以确保用户获得流畅的电子邮件体验；例如，电子邮件 AMP 中不支持使用<input type=”file” /> 进行文件上传（目前），但 HTML AMP 中支持。

好的，但它将如何运作？

电子邮件由 MIME（多用途互联网邮件扩展）部分组成，例如纯文本电子邮件的text/plain和 HTML 电子邮件的text/html。为了让电子邮件客户端识别电子邮件 AMP，引入了新的 MIME 类型text/x-amp-html。此 MIME 部分将包含 AMPHTML 标记。

大多数电子邮件发送库和服务已经开始支持这种新的 MIME 类型，例如Nodemailer（一个用于在 node.js 中发送电子邮件的库）在 v6.1.0 中提供了支持。

嗯，很有趣。向我展示电子邮件 AMP 的实际应用

好的，当然。这里有一个演示，其中一家虚拟公司“Beautiful Flowers Shop”要求其客户对公司提供的不同鲜花提供反馈。

太棒了！我也想学习电子邮件 AMP。告诉我所有内容.

要开发动态电子邮件，你需要以下四样东西

1. 有效的 AMP for Email 标记。这将是你的电子邮件模板，它将在电子邮件中呈现。你可以在此处验证你的标记 https://amp.gmail.dev/playground/。一个示例的 hello-world 标记如下

<!doctype html>
<html ⚡4email>
<head>
 <meta charset="utf-8">
 <script async src="https://cdn.ampproject.org/v0.js"></script>
 <style amp4email-boilerplate>body{visibility:hidden}</style>
</head>
<body>
 Hello, AMP4EMAIL world.
</body>
</html>

2. 电子邮件库支持电子邮件正文中的text/x-amp-html MIME 部分。你可以在 node.js 中使用 Nodemailer。示例代码段可以在此处找到。如果你的动态电子邮件将包含 API 调用，那么你将必须满足 CORS 要求。

官方文档

Gmail https://developers.google.com/gmail/ampemail/security-requirements

Mail.ru https://postmaster.mail.ru/amp

Outlook https://docs.microsoft.com/en-gb/outlook/amphtml/

res.set({
'Access-Control-Allow-Origin': origin,
'AMP-Access-Control-Allow-Source-Origin': sourceOrigin,
'Access-Control-Allow-Source-Origin':
'AMP-Access-Control-Allow-Source-Origin',
'Access-Control-Expose-Headers':
'Access-Control-Allow-Origin' +
', AMP-Access-Control-Allow-Source-Origin' +
', Access-Control-Allow-Source-Origin'
});

3. 在 Gmail 中测试动态电子邮件。除非你的电子邮件地址已得到 Google 团队的正式白名单（步骤 4），否则 Gmail 不会允许呈现动态电子邮件（它将呈现 html）。但是，要在某些特定 Gmail 帐户上测试你的电子邮件，你可以使用动态电子邮件开发者设置将发件人地址列入白名单。 https://developers.google.com/gmail/ampemail/testing-dynamic-email

4. 将你的电子邮件（发件人地址）列入 Gmail 白名单，以便你的动态电子邮件呈现给最终用户。一旦你准备好了你的生产电子邮件，你将必须将其发送到ampforemail.whitelisting@gmail.com 以列入白名单，同时填写注册表格。完整的指南可以在此处找到。

请注意，Gmail 不会按域列入白名单，白名单按电子邮件发件人列入（例如，如果 sender@example.com 已列入白名单，则不适用于所有 @example.com 地址）。

最后两步是 Gmail 特有的。如果你正在使用 Microsoft Outlook，也必须在那里执行等效的步骤。你可以参考 Outlook 的官方文档。有关 mail.ru 上 AMP for Email 的信息，可以此处找到。

如此多的信息让我不知所措

没关系！慢慢来。当我们在 Goibibo 开始此概念验证时，我们仅用了 2 天就开发了一封动态电子邮件并在我们的个人 Gmail 帐户中对其进行了测试，但我们花了 2 周以上的时间才使我们的电子邮件用例准备就绪并获得 Google 的白名单，以便我们可以将其发送给我们的最终用户。我们想向我们的酒店合作伙伴发送一封动态电子邮件，以收集有关 Extranet（酒店经营者管理价格和库存的平台）的反馈，而这就是我们想出的办法