如何发送邮件仅需 5 步用 JavaScript 直接通过前端发送电子邮件

娱乐新闻 2020-05-09131未知admin

  现在,即使是创建最基本的网站,程序员也必须使用现代的功能和技术。甚至像为你的朋友创建简单的投资组合这样的基本项目也可能涉及到一些问题,比如从联系人表单接收数据。有很多方法可以读取这些数据。你可以将表单与数据库连接起来,然后从数据库中读取传入的消息来实现功能,但这样做会给不懂技术的客户造成困难。

  实际上,你不必使用任何如 php 或 python 这种后端语言,你甚至不需要用到 node.js!

  请注意,在我的项目中,我使用了 gulp 和 webpack,我在 src文件夹存放源码,dist 存放最终发布版本的代码。

  首先需要创建一个 HTML 表单。你不必放置像 required 或 x 这种验证属性,因为稍后,preventDeult() 函数将在你的提交事件上运行,它会让这些属性的处理失效。

  要配置你的电子邮件,你必须注册电子邮件服务。别担心—使用这个网站非常方便和省时。

  登入后,系统会询问你的电子邮件服务,它位于个人电子邮件服务区(personal eil service)。在我的例子中,如何发送邮件我选择了 gil。

  然后,如何发送邮件你需要连接你的 gil 帐户。这将用来发送电子邮件给你客户。例如,如果你关联了 账户,你后续发送的邮件都将从这个邮箱发出。所以不要担心“ Send eil on your behalf” 这个授权信息—这正是你需要的!

  如果你已经成功连接了你的 gil 账户,你现在应该在信息中心中。现在需要创建电子邮件模板了。

  切换到电子邮件模板卡,并单击创建一个新的模板(create a new template)。界面非常友好,所以创建模板不会有任何问题。

  你可以选择模板的名称和 ID。我称之为“我的神奇模板(my_azing_template)”。

  模板的变量值来自 input 中的 `name` 属性。你已将变量插入`{{{}}}`符中。

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

  这是我的简单模板,它使用来自 HTML 表单里的 3 个变量。我还指定了接收电子邮件的主题。

  这部分没什么特别的。Eiljs 共享授权 API 密钥,将在发送电子邮件时使用。当然,放这些钥匙最好的地方是`.env` 配置。但是因为我使用的是简单的静态文件,如何发送邮件我不想使用服务器配置,所以我将它们保存在 apikeys 文件中,然后再将它们导入。

  现在是该项目最后也是最重要的部分的了。现在我们必须使用 javascript 发送电子邮件。

  正如我前面提到的,由于 `preventDeult()` 函数,属性验证将无法工作。你必须使用 JS 自己进行验证和清除输入。

原文标题:如何发送邮件仅需 5 步用 JavaScript 直接通过前端发送电子邮件 网址:http://www.ajourneywelltaken.com/yulexinwen/2020/0509/53941.html

Copyright © 2002-2020 甜言蜜语新闻网 www.ajourneywelltaken.com 版权所有  

联系QQ:1352848661