在一些场景下可能会用到邮件抄送的场景,比如,后台管理系统用户有个分发bug的功能,需要在给开发人员分配任务后再发一个邮件抄送提醒他;
或者是你有幸和一位想象力丰富却常常时候忘记某些功能做不做,发不发的产品经理合作时,不妨在每次发版时,把他的话和发版的内容抄送给他,别让他在周会时把锅甩给你…(我没有这样的经历)
总而言之,不废话了,直接进入正题吧!
你看到的这篇文章是一个用Nodejs提供了发送邮件的代码示例,如果你喜欢“talk is shit , show me the code!”
请直接访问项目地址:https://e.coding.net/g-rzpt9962/blog/nodejs-mail-example.git
前端使用vue3+Typescript+vite构建;
后端使用express+nodejs+js-yaml+nodemailer构建;
项目启动
如果你已经全局安装了pnpm,请跳过这一步。
npm install pnpm -g
整个项目采用了前后分离,使用了pnpm包管理器,好处就是你可以直接在命令行敲一个(别忘了是在项目的根目录下)
pnpm install
就可以给他下面的两个子项目(client, server)安装依赖,并且还可以在根目录下运行这俩项目
安装没报错的话可以下一步了,如果安装失败了大概率是你的nodejs、npm版本太老了,你可以安装最新版试试,这里就不赘述安装方法了。
启动前端项目 client
pnpm run dev
启动后端项目 server
pnpm run start
开一个命令行先启动后端,再开一个命令行启动前端,然后根据前端命令行的项目地址去访问,若出现页面显示是这样的说明没问题。
点击发送邮件就能看到发送邮件是否成功的信息
在看看你(这里展示我的)的邮箱,就会看到信息了
![[Pasted image 20241202144134.png]]
效果就是这样,前端代码比较简单,也比较不规范,就不多说了,主要看下后端(虽然后端也比较简单不规范)。
后端项目
后端项目主要有两个文件
先是mail.yaml
user: xxxx[你的邮箱地址]
pass: 密码或鉴权码
不同邮箱服务商的服务可能不同,可以参考这一篇文章的内容比较详细(也是我这篇文章的参考和学习的文章)https://blog.youkuaiyun.com/qq1195566313/article/details/135093372
const express = require("express");
const cors = require("cors"); // 处理跨域
const fs = require("fs");
const yaml = require("js-yaml"); // 别忘了引入读yaml的插件
const nodemailer = require("nodemailer"); // 提供发邮件能力
const mailConfig = yaml.load(fs.readFileSync("./mail.yaml", "utf8"));
console.log(mailConfig);
const transporter = nodemailer.createTransport({
service: "qq",
port: 465, // 服务商指定的ssl 端口
host: "smtp.qq.com", // 服务商指定的ssl 服务器名
secure: true,
auth: {
user: mailConfig.user,
pass: mailConfig.pass,
},
});
const e = express();
e.use(express.json());
e.use(cors());
e.post("/api/send", async (req, res) => {
const { to, subject, text } = req.body;
console.log(req.body); // 解出来这几个字段,下面需要用到
const result = await transporter.sendMail({
to: to, // 发给谁
from: mailConfig.user, // 你是谁
subject: subject, // 子主题
text: text, // 正文
});
console.log(result);
res.send(result);
});
e.get("/", (req, res) => res.send("hello world"));
e.listen(3000, "localhost", () =>
console.log("Server running: ", `http://localhost:${3000}`)
);
参考文章:https://blog.youkuaiyun.com/qq1195566313/article/details/135093372