发送电子邮件发电子邮件怎么发，手机发电子邮件教程来了

发布时间 : 2025-05-07

作者 : 小编

访问数量 : 23

扫码分享至微信

发电子邮件怎么发，手机发电子邮件教程来了

现在我们生活和工作的社会是一个很讲究效率的社会，不管是在我们的日常生活还是工作中都讲究一个效率，生活中我们的效率提高可以给我们带来更多的空闲时间来享受生活，而在工作中效率的提高，不仅可以帮助我们更好的提高工作效果，也可以给老板带来良好的印象，从而大大提高我们获得升值加薪机会的概率。

今天我就来为大家讲解一款在职场上可以很好的帮助我们提高工作效率的

邮箱，相信在我们的工作中发电子邮件 是我们经常要做的事，那么你知道怎么发邮件 最方面吗，而当我们在外出商务谈判或者是在外出差时没有电脑要怎么发邮件 呢，那么这时候我们一款好用的邮箱的重要性就凸显出来了，比如TOM VIP邮箱 ，就可以很好的帮助我们解决在手机上发电子邮件 这个问题，因为他所带的随心邮功能在微信上就可以发电子邮件了 。

在手机发电子邮件教程

第一步，百度搜索TOM VIP邮箱，在官网注册自己喜欢的账号

第二步，打开微信，搜索找到随心邮如下图

第三步，在对话框找到写邮件按钮，点击进入写邮件页面

最后我们就可以在手机上写邮件了，

怎么样是不是非常的方便，下面为大家总结一下汇报方法&注意事项

1、发送邮件时一定要检查邮件是否编写无误，不要出现错别字

2、邮件发送之前要确定收件人是否正确，可不要出现发错邮件的尴尬事情哟

最后只需要点击发送按钮，你编辑好的这封邮件就可以发送出去了，怎么样这就是手机发邮件怎么发，是不是很简单呢。喜欢的就去注册TOM VIP邮箱吧。

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

作者 | Mateusz Iwaniuk

译者 | 明明如月，责编 | 夕颜

出品 | CSDN（ID：CSDNnews）

文章配套代码: https://github.com/iwaniukooo11/email-sender

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

你为什么不通过发送电子邮件传输信息？

不使用数据库就能接收到传入的消息，绝对是最佳选择，也是最方便用户的选择。但问题来了—如何实现呢？你可能认为需要使用某种后端语言。

实际上，你不必使用任何如 php 或 python 这种后端语言，你甚至不需要用到 node.js！ 你需要的就是一个简单的EmailJS 库。

本文将介绍下面两个重要功能:

配置 emailjs 帐户

使用 JS 发送电子邮件

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

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

步骤1-用 HTML 创建表单

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

表单中最重要的是为每个输入放置 name 属性，后面会用到。

我的非常简单的表单是这样的:

src/html/index.html

<form class="mip3d2be0e6e712ebe1 form"> <input name='name' type="text" placeholder="Your name..." class="mipe0e6e712ebe1546f form__input" /> <input name='topic' type="text" placeholder="Topic..." class="mipe712ebe1546f1978 form__input" /> <textarea name='message' type="text" placeholder="Your Message..." class="mipebe1546f1978d61a form__input" ></textarea> <input type="submit" value="send" class="mip546f1978d61afd09 form__input form__input--button"> </form>步骤2-注册成为 email 用户

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

登入后，系统会询问你的电子邮件服务，它位于个人电子邮件服务区（personal email service）。在我的例子中，我选择了 gmail。

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

连接完 gmail 账户后，点击添加服务（add service）按钮。

步骤3-创建邮件模板

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

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

你可以选择模板的名称和 ID。我称之为“我的神奇模板（my_amazing_template）”。

接下来，你必须指定邮件的内容。

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

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

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

步骤4-保存 API 密钥

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

你的 USER_ID 位于 Account > API Keys 菜单下。

TEMPLATE_ID 位于模板的标题下面。

这是我基于不存在的 keyssrc / js / apikeys. js 的示例配置.

src/js/apikeys.js

export default { USER_ID :'user_DPUd-rest-of-my-id', TEMPLATE_ID:'my_amazing_template'}

如果需要将源码发布到 GITHUB，不要忘记将 APIKEYS 文件添加到 .GITIGNORE文件中

步骤5-发送电子邮件

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

首先，你必须下载 emailjs 包。

npm i emails-com

然后，转到 js 文件，导入库和 apikeys。

src/js/main.js

import emailjs from 'emailjs-com'import apiKeys from './apikeys'

现在是编写发送电子邮件功能的时候了

src/js/main.js

const sendEmail = e => { e.preventDefault emailjs .sendForm('gmail', apiKeys.TEMPLATE_ID, e.target, apiKeys.USER_ID) .then( result => { console.log(result.text) }, error => { console.log(error.text) } )}

sendForm 函数有4个参数:

你的电子邮件的 ID，在这里: