你不需要使用任何后端语言,如 PHP 或 Python。此外,你甚至不需要Node.js!
有很多方法可以读取这些数据。你可以将你的表单与数据库(如MySQL)连接,然后从数据库中读取传入的信息。好吧,这是一个选择,但是我认为这对于你的非技术客户来说可能会很麻烦。
你需要的只是一个简单的 EmailJS 库。
本文将介绍下面两个重要功能:
- 配置 EmailJS 帐户
- 使用JS发送电子邮件
我将分 5 个步骤向你展示如何从头开始构建电子邮件发送器。
在我的项目中使用了Webpack,我在 src 文件夹存放源码,dist 存放最终发布版本的代码,使用 npm run dev
可以把项目跑起来。
项目完整代码: https:// github.com/dunizb/CodeT est/tree/master/projects/emailjs-demo ,真实可运行。
![b68e202758ff351b3f4fee3c05809738.png](https://i-blog.csdnimg.cn/blog_migrate/79b4f0305a73c64fcc8e5802a62824be.jpeg)
步骤1,用HTML创建表单
首先需要做的当然是创建一个HTML表单。注意,你不必设置 required
或 max
等验证属性,因为稍后,preventDefault()
函数将在你的提交事件上运行,它将取消这些属性的工作。
表单中最重要的事情是为每个输入设置 name
属性,这在后面会用到的。
我的简单表格如下所示:
src/html/index.html
<form class="form">
<input name='to' type="text" placeholder="收件人" class="form__input" />
<input name='name' type="text" placeholder="你的名字" class="form__input" />
<input name&