使用 MailChimp 发送邮件 + 调取 API 开发落地页过程分享

基于平时爱好关注各类技术社区及众多技术微信号，经常看到很多有用有意思的内容，朋友总是让分享出来，索性就抽空做了个邮件订阅页面（ http://nextfe.com )，目前每周发一次，内容偏向于前端但不限于此范围，所以取名《新前端周刊 / New frontend Weekly 》。

邮件推送使用到的服务商是功能强大的 MailChimp，良好的口碑以及一定量的免费额度，加上便捷的设计模版，并且推送后还有数据可以查询，非常适合初期订阅用户量不大的情况下使用。 （ MailChimp 免费阶段支持每月最多 2,000 位订阅者和 12,000 封电子邮件，具体收费价格可参考 https://mailchimp.com/pricing/ ）

下面分享下具体使用方法：

• 登陆注册

登陆官网： https://mailchimp.com/ ，点击「 Sign Up Free 」进行账号注册，设置完成后点击「 Get Started ! 」即可。（注意：注册时密码需要包含一大写、一小写、一个特殊符号、一个数字、至少 8 位）

• 创建邮件模版

我通常习惯先设置邮件模版内容，点击左上方「 Templates 」进入设置邮件模版页面，点击「 Greate Template 」创建模版,根据需要可对现成的模版进行修改调整，模版效果随时可预览检查，全部完成后可以进行测试发送。

• 创建发送列表

左上方「 List 」- 「 Greate List 」创建一个新的邮箱列表，「 Import contacts 」导入发送添加发送邮箱列表，列表支持 csv、xls、xlsx 等文件批量上传。

建立 List name 列表名称（此部分仅展示给创建人）、发件地址（此处会展示在用户收件中，可以不是注册 Mailchimp 账号的邮箱） 、发件人名称，点击保存。

每个步骤操作完点击「 Next 」或 「 Save 」往下继续走流程即可。

• 创建发送项目

「 Campaigns 」- 「 Greate Campaigns 」- 「 Greate an Email 」创建新的发送项目。

创建内容名称（此部分仅限创建者可见）- 「 Begin 」保存完成。

编辑邮件设置，「 To 」选择设置的需要推送的邮箱列表，「 From 」设置发送人名称以及邮箱，「 Subject 」此处设置发送邮件的标题以及引导语，「 Content 」- 「 Thems 」选择编辑好的邮件模版，进入模版编辑页确认无误保存关闭。

全部设置完成后，，发送最后一次测试预览，检查后无问题点击 「 Send 」完成发送。

• 数据分析

「 Reports 」中可查看发送数据报告，「 List 」列表中还可以详细查询新增订阅数据、退订人数等。

• 落地页开发

此次还使用了 MailChimp 提供的 API 开发了落地页，主要接入邮件内容、调取逻辑及订阅功能。

MailChimp 文档地址： https://developer.mailchimp.com/documentation/mailchimp/reference/campaigns/content/

获取邮件的原型，调取 api /3.0/campaigns，查询条件设置为倒序 、状态已发布；获取邮件的内容，根据邮件的原型 id，调取 api /3.0// campaigns/${id}/content ；订阅栏功能，调取 api /lists/{list_id}/members .根据以上得到的内容，再进行解析即可获取想要的数据。

最终落地页： http://nextfe.com

以上就是自己使用 MailChimp 的流水账记录，希望给想了解的小伙伴一点参考，感兴趣的 V 友可以添加邮箱进行订阅，另外以上描述有误的地方也欢迎大佬留言指正。