用Node + EJS写一个爬虫脚本天天定时女友发一封暖心邮件

时间 2019-11-05

标签 node ejs 一个爬虫脚本天天定时一封邮件栏目网络爬虫繁體版

原文原文链接

本文首发于我的博客：Vince'Blogjavascript

项目源码：NodeMail，欢迎star，说不定哪天脱单了就能用到了html

写在前面

自从用邮箱注册了不少帐号后，便会收到诸如如下相似的邮件,刚开始还觉得是一张图片，后来仔细一看不是图片呀，好像仍是HTML呀，因而好奇宝宝我Google一下，查阅多篇资料后总结出怎么用前端知识和Node作一个这样的“邮件网页”。前端

确认主题

知道怎么实现功能后，思考着我该写什么主题呢，用一个HTML模板随便给小伙伴们发个邮件炫个技？不行，做为一个很cool的程序员怎么能这么low呢，最近天气变化幅度大，温度捉摸不定，女友老是抱怨穿少了又冷穿多了又热，嗨呀，要不我就写个天天定时给宝宝发送天气预报的邮件，另外想起宝宝喜欢看ONE·一个这个APP上的每日更新，要不发天气预报的同时，再附赠一个“ONE的每日订阅”？机智又浪漫，开始搬砖～java

剧透

原本是想最后放效果图的，怕大家看到一半就没兴趣了，就在前面剧透一下我最后作出来的效果图吧～node

待解决的问题

1. 如何获取天气预报和ONE上的data？git

答：获取data有两种方法，第一种方法是获取天气预报和ONE的API，第二种是用node爬虫获取天气预报和ONE网页的信息。后来找了下，发现ONE并无API接口，为了让二者统一，因而决定使用node上的一个插件叫cheerio,配合superagent可以很方便地爬取网页上的信息。程序员

2. 如何作出HTML的这种邮件？github

答：以前学过一段时间的express这个框架，接触到模版引擎这个概念，传入data即可得到html文件，再结合node的fs模块，获取到这个html文件，即可以结合node的邮件插件发送HTML邮件啦！web

3. 如何用node发送邮件？express

感谢无私的开源开发者，开发了一款发送邮件的Node插件nodemailer,兼容主流的Email厂商，只须要配置好邮箱帐号和smtp受权码，即可以用你的邮箱帐号在node脚本上发文件，很cool有没有～

4. 如何作到每日定时发送？

其实能够经过各类hack的方式写这么一个定时任务，可是既然node社区有这个定时的轮子，那咱们直接用就行了，node-schedule是一个有着各类配置的定时任务发生器，能够定时每月、每一个礼拜、天天具体何时执行什么任务，这正符合天天早晨定时给宝宝发送邮件的需求。

一切准备就绪，开始作一次浪漫的程序员

编写代码

网页爬虫

这里咱们使用到superagent和cheerio组合来实现爬虫：

分析网页DOM结构，以下图所示：

用superagent来获取指定网页的全部DOM：

superagent.get(URL).end(function(err,res){
    //
}
复制代码

用cheerio来筛选superagent获取到的DOM，取出须要的DOM

imgUrl:$(todayOne).find('.fp-one-imagen').attr('src'),
type:$(todayOne).find('.fp-one-imagen-footer').text().replace(/(^\s*)|(\s*$)/g, ""),
text:$(todayOne).find('.fp-one-cita').text().replace(/(^\s*)|(\s*$)/g, "")
复制代码

如下就是爬取ONE的代码，天气预报网页也是一个道理：

const superagent = require('superagent'); //发送网络请求获取DOM
const cheerio = require('cheerio'); //可以像Jquery同样方便获取DOM节点

const OneUrl = "http://wufazhuce.com/"; //ONE的web版网站

superagent.get(OneUrl).end(function(err,res){
    if(err){
       console.log(err);
    }
    let $ = cheerio.load(res.text);
    let selectItem=$('#carousel-one .carousel-inner .item');
    let todayOne=selectItem[0]; //获取轮播图第一个页面，也就是当天更新的内容
    let todayOneData={  //保存到一个json中
        imgUrl:$(todayOne).find('.fp-one-imagen').attr('src'),
        type:$(todayOne).find('.fp-one-imagen-footer').text().replace(/(^\s*)|(\s*$)/g, ""),
        text:$(todayOne).find('.fp-one-cita').text().replace(/(^\s*)|(\s*$)/g, "")
    };
    console.log(todayOneData);
})
复制代码

EJS模版引擎生成HTML

经过爬虫获取到了数据,那么咱们就可以经过将date输入到EJS渲染出HTML，咱们在目录下建立js脚本和ejs模版文件：

app.js

const ejs = require('ejs'); //ejs模版引擎
const fs  = require('fs'); //文件读写
const path = require('path'); //路径配置

//传给EJS的数据
let data={
    title:'nice to meet you~'
}

//将目录下的mail.ejs获取到，获得一个模版
const template = ejs.compile(fs.readFileSync(path.resolve(__dirname, 'mail.ejs'), 'utf8'));
//将数据传入模版中，生成HTML
const html = template(data);

console.log(html)

复制代码

mail.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1>
        <%= title %>
    </h1>
</body>
</html>
复制代码

用Node发送邮件

这里咱们能够发送纯text也能够发送html，注意的是邮箱密码不是你登陆邮箱的密码，而是smtp受权码，什么是smtp受权码呢？就是你的邮箱帐号可使用这个smtp受权码在别的地方发邮件，通常smtp受权码在邮箱官网的设置中能够看的到，设置以下注释。

const nodemailer = require('nodemailer'); //发送邮件的node插件

let transporter = nodemailer.createTransport({
    service: '126', // 发送者的邮箱厂商，支持列表：https://nodemailer.com/smtp/well-known/
    port: 465, // SMTP 端口
    secureConnection: true, // SSL安全连接
    auth: {   //发送者的帐户密码
      user: '帐户@126.com', //帐户
      pass: 'smtp受权码', //smtp受权码，到邮箱设置下获取
    }
  });

let mailOptions = {
    from: '"发送者昵称" <地址@126.com>', // 发送者昵称和地址
    to: 'like@vince.studio', // 接收者的邮箱地址
    subject: '一封暖暖的小邮件', // 邮件主题
    text: 'test mail',  //邮件的text
    // html: html //也能够用html发送 
  };
  
//发送邮件
transporter.sendMail(mailOptions, (error, info) => {  
    if (error) {
    return console.log(error);
    }
    console.log('邮件发送成功 ID：', info.messageId);
});  
复制代码

Node定时执行任务

这里咱们用到了node-schedule来定时执行任务，示例以下：

var schedule = require("node-schedule");  

//1. 肯定的时间执行
var date = new Date(2017,12,10,15,50,0);  
schedule.scheduleJob(date, function(){  
   console.log("执行任务");
});

//2. 秒为单位执行 
//好比:每5秒执行一次
var rule1     = new schedule.RecurrenceRule();  
var times1    = [1,6,11,16,21,26,31,36,41,46,51,56];  
rule1.second  = times1;  
schedule.scheduleJob(rule1, function(){
    console.log("执行任务");    
});

//3.以分为单位执行
//好比:每5分种执行一次
var rule2     = new schedule.RecurrenceRule();  
var times2    = [1,6,11,16,21,26,31,36,41,46,51,56];  
rule2.minute  = times2;  
schedule.scheduleJob(rule2, function(){  
    console.log("执行任务");    
});  

//4.以天单位执行
//好比:天天6点30分执行
var rule = new schedule.RecurrenceRule();
rule.dayOfWeek = [0, new schedule.Range(1, 6)];
rule.hour = 6;
rule.minute =30;
var j = schedule.scheduleJob(rule, function(){
 &emsp;&emsp;&emsp;&emsp;console.log("执行任务");
        getData();
});
复制代码

思路与步骤

当全部的问题都解决后，即是开始结合代码成一段完整的程序，思路很简单，咱们来逐步分析：

因为获取数据是异步的，而且不能判断出哪一个先获取到数据，这个是能够将获取数据的函数封装成一个Promise对象，最后在一块儿用Promise.all来判断全部数据获取完毕，再发送邮件

// 其中一个数据获取函数，其余的也是相似
function getOneData(){
    let p = new Promise(function(resolve,reject){
        superagent.get(OneUrl).end(function(err, res) {
            if (err) {
                reject(err);
            }
            let $ = cheerio.load(res.text);
            let selectItem = $("#carousel-one .carousel-inner .item");
            let todayOne = selectItem[0];
            let todayOneData = {
              imgUrl: $(todayOne)
                .find(".fp-one-imagen")
                .attr("src"),
              type: $(todayOne)
                .find(".fp-one-imagen-footer")
                .text()
                .replace(/(^\s*)|(\s*$)/g, ""),
              text: $(todayOne)
                .find(".fp-one-cita")
                .text()
                .replace(/(^\s*)|(\s*$)/g, "")
            };
            resolve(todayOneData)
          });
    })
    return p
}

复制代码

将爬取数据统一处理，做为EJS的参数，发送邮件模板。

function getAllDataAndSendMail(){
    let HtmlData = {};
    // how long with
    let today = new Date();
    let initDay = new Date(startDay);
    let lastDay = Math.floor((today - initDay) / 1000 / 60 / 60 / 24);
    let todaystr =
      today.getFullYear() +
      " / " +
      (today.getMonth() + 1) +
      " / " +
      today.getDate();
    HtmlData["lastDay"] = lastDay;
    HtmlData["todaystr"] = todaystr;

    Promise.all([getOneData(),getWeatherTips(),getWeatherData()]).then(
        function(data){
            HtmlData["todayOneData"] = data[0];
            HtmlData["weatherTip"] = data[1];
            HtmlData["threeDaysData"] = data[2];
            sendMail(HtmlData)
        }
    ).catch(function(err){
        getAllDataAndSendMail() //再次获取
        console.log('获取数据失败： ',err);
    })
}

复制代码

发送邮件具体代码

function sendMail(HtmlData) {
    const template = ejs.compile(
      fs.readFileSync(path.resolve(__dirname, "email.ejs"), "utf8")
    );
    const html = template(HtmlData);
  
    let transporter = nodemailer.createTransport({
      service: EmianService,
      port: 465,
      secureConnection: true,
      auth: EamilAuth
    });
  
    let mailOptions = {
      from: EmailFrom,
      to: EmailTo,
      subject: EmailSubject,
      html: html
    };
    transporter.sendMail(mailOptions, (error, info={}) => {
      if (error) {
        console.log(error);
        sendMail(HtmlData); //再次发送
      }
      console.log("Message sent: %s", info.messageId);
    });
  }
复制代码

安装与使用

若是你以为这封邮件的内容适合你发送的对象，能够按照如下步骤，改少许参数便可运行程序；

git clone https://github.com/Vincedream/NodeMail
打开main.js，修改配置项

//记念日
let startDay = "2016/6/24";

//当地拼音,须要在下面的墨迹天气url确认
const local = "zhejiang/hangzhou";

//发送者邮箱厂家
let EmianService = "163";
//发送者邮箱帐户SMTP受权码
let EamilAuth = {
  user: "xxxxxx@163.com",
  pass: "xxxxxx"
};
//发送者昵称与邮箱地址
let EmailFrom = '"name" <xxxxxx@163.com>';

//接收者邮箱地
let EmailTo = "like@vince.studio";
//邮件主题
let EmailSubject = "一封暖暖的小邮件";

//每日发送时间
let EmailHour = 6;
let EmialMinminute= 30;
复制代码

终端输入npm install安装依赖，再输入node main.js，运行脚本，固然你的电脑不可能不休眠，建议你部署到你的云服务器上运行。

最后

冬天到了，是否是也该用程序员的专业知识给身边的人带来一些温暖呢，源代码与demo已经放到github上，要不试一试？

GitHub：github.com/Vincedream/…