用户点击按钮请求信息、订阅新闻通讯或更新个人资料
Posted: Thu Jan 16, 2025 5:55 am
由于预览中生成的代码片段包含环境变量,NETLIFY_EMAILS_SECRET我们建议将代码片段粘贴到Netlify 函数中,以避免在客户端代码中共享敏感信息。
您可以在构建函数页面上了解有关 Netlify 函数调用格式的更多信息。函数文件应位于您的 目录中。按照fetch下面的代码示例,此示例文件的路径为
接下来,您将在代码中添加一个事件来调用此 Netlify 函数。
从事件调用 Netlify 函数
触发电子邮件的方法有很多种。例如:
用户滚动到博客文章的底部,因此您会触发一封电子邮件,向他们发送有关该文章主题或其他文章的更多信息
数据事件已达到一定数量,您希望发送电子邮件通知您的用户
以下是将电子邮件触发器附加到Subscribe应用中的按 厄瓜多尔 Whatsapp 数据 钮的代码示例。在此 React 示例中,模板的参数是使用页面上表单中的用户输入设置的。通过此过程,您可以使用传递到您网站的任何数据(例如表单或来自 API 调用到用户数据库的数据)填充电子邮件模板的参数。
当事件被触发时,这将调用 Netlify 函数和对电子邮件处理程序的获取调用。此处理程序会提示您配置的电子邮件 API 服务发送电子邮件。
本地测试
您可以使用Netlify CLI在开发过程中触发电子邮件,以便在部署之前测试您的代码。
启动Netlify Dev以启动可以运行代码来触发电子邮件的开发环境:
netlify dev
在 Netlify Dev 环境运行时,通过访问以下 URL 触发电子邮件测试,并将其替换YOUR_EMAIL_TEMPLATE_SUBDIRECTORY为项目中的有效值。
例如,对于subscribed存储在项目中的电子邮件触发电子邮件。
您可以在构建函数页面上了解有关 Netlify 函数调用格式的更多信息。函数文件应位于您的 目录中。按照fetch下面的代码示例,此示例文件的路径为
接下来,您将在代码中添加一个事件来调用此 Netlify 函数。
从事件调用 Netlify 函数
触发电子邮件的方法有很多种。例如:
用户滚动到博客文章的底部,因此您会触发一封电子邮件,向他们发送有关该文章主题或其他文章的更多信息
数据事件已达到一定数量,您希望发送电子邮件通知您的用户
以下是将电子邮件触发器附加到Subscribe应用中的按 厄瓜多尔 Whatsapp 数据 钮的代码示例。在此 React 示例中,模板的参数是使用页面上表单中的用户输入设置的。通过此过程,您可以使用传递到您网站的任何数据(例如表单或来自 API 调用到用户数据库的数据)填充电子邮件模板的参数。
当事件被触发时,这将调用 Netlify 函数和对电子邮件处理程序的获取调用。此处理程序会提示您配置的电子邮件 API 服务发送电子邮件。
本地测试
您可以使用Netlify CLI在开发过程中触发电子邮件,以便在部署之前测试您的代码。
启动Netlify Dev以启动可以运行代码来触发电子邮件的开发环境:
netlify dev
在 Netlify Dev 环境运行时,通过访问以下 URL 触发电子邮件测试,并将其替换YOUR_EMAIL_TEMPLATE_SUBDIRECTORY为项目中的有效值。
例如,对于subscribed存储在项目中的电子邮件触发电子邮件。