咨询热线

4008-951879
常见问题
仅需 5 步,用 JavaScript 直接可以通过系统前端发送一个电子商务邮件
日期:2021年12月03日

5月8日消息现在,即使要创建最基本的网站,程序员也必须使用现代功能和技术。阿里邮箱如果你没有自己的网络账号,你可以使用其他任何人的计算机,但是从免费邮箱网站获得的仍是你自己的电子邮件。阿里企业邮箱企业通过企业邮箱可以自主地管理每个员工的邮箱,随时根据需要自我修改设置。可以添加、删除离职的员工邮箱帐户,修改密码等。阿里云企业版邮箱假设你将电子邮件作为你网络浏览器的一部分,免费邮箱的优点在于你可以从任何互联网通路上登录到免费邮箱的提供网站,并且不必使用你自己的互联网服务供应点或记得它的电话号码。

你为什么不通过发送电子邮件发送信息呢?

事实上,你不需要使用任何后端语言,比如 php 或 python,你甚至不需要使用 nodepython。杰斯!

你需要的是一个简单的EmailJS库。

本文将介绍下面两个具有重要信息功能:

配置 emailjs 帐户

使用 JS 发送电子邮件

请注意,在我的项目中,我使用的是grave和webpack,我将源代码存储在src文件夹中,dist存储最终的发布代码。

我将分 5 个步骤向你展示企业如何从头开始发展构建一个电子邮件发送器。

步骤1-使用HTML创建表单

您首先需要创建HTML表单。您不必按要求或最大值放置验证属性,因为稍后,防止失败 ()功能将在您的提交事件上运行,从而使这些属性的处理失效。

表单中最重要的是为每个输入放置 name 属性,稍后将使用该属性。

我非常简单的形式是这样的:

src/html/index.html

步骤2-注册企业成为 email 用户

配置你的电子邮件,你必须注册一个电子邮件服务。不要担心,这是非常方便和节省时间。

登录后,系统会询问您的电子邮件服务,位于个人电子邮件服务区。在我的例子中,我选择了gmail。

然后,你需要进行连接你的 gmail 帐户。这将可以用来通过发送一个电子商务邮件给你提供客户。例如,如果你关联了 xyz@gmail.com 账户,你后续数据发送的邮件问题都将从这个企业邮箱发出。所以我们不要因为担心 Send email on your behalf 这个国家授权管理信息这正是你需要的!

连接到您的Gmail帐户后,单击添加服务按钮。

步骤3-创建邮件模板

如果您已成功连接到您的 gmail 帐户,您现在应该在信息中心。现在,您需要创建一个电子邮件模板。

切换到电子邮件模板卡,然后单击 create a new template。界面非常友好,所以创建模板应该不成问题。

您可以选择模板的名称和标识。我称之为我的魔法模板。

接下来,你必须通过指定一个邮件的内容。

模板的变量值来自输入中的‘ name’属性。您在符号“{{}}}”中插入了一个变量。

不要忘记在收件人部分(右侧)添加电子邮件地址。您的电子邮件将被发送到此电子邮件地址。截图中收件人的邮箱是我自己的公司邮箱。