【nodemailer】之 work with mustache

之前对nodemailer做了简要的研究，基本上是搞定了发邮件的问题。但很多情况下邮件的内容不是固定的，然后又需要有一个合适的样式，这就需要使用模板了。nodemailer有nodemailer-markdown和nodemailer-express-handlebars俩个插件，分别支持markdown语法和handlebars的语法，理论上handlebars也支持mustache模板，但是去看了看nodemailer-express-handlebars的用法，不是很喜欢。另外邮件采用markdown的风格不是很好，而且设不了邮件背景，不过适合发有代码片段的邮件。

为解决上面的问题，自己包装了一下mustache,取名mustache-promise,下面就展示一下如借助这个模块渲染mustache模板作为邮件内容.

代码

• 项目结构
  

• 主文件代码

 //Created By zj on 2015/10/3 
 var nodemailer = require('nodemailer');
 var smtpPool=require("nodemailer-smtp-pool");
 var Mustache=require("mustache-promise");
 var path=require("path");
 var options={
    "service":"QQ",
    "auth":{
        "user":"xxxxx@qq.com",
        "pass":"xxx"
    },
    "maxConnections":10,
    "secure":true
 };
 var transporter = nodemailer.createTransport(smtpPool(options));
 var mst_pro=new Mustache();
 //设置模板文件所在目录，看上面的项目结构；设置文件扩展名为 .mst；load()从文件加载模板内容
 mst_pro.dir(path.join(__dirname,"./views")).extName(".mst").load("base",{"by":"footer"});
 var sendEmail=function(info){
    mst_pro.ok().then(function(){
        transporter.sendMail({
            from:'xxxxx@qq.com',
            to: 'yyyyyy@163.com',
            subject: '吐槽',
            html:mst_pro.render(info)//以info中的数据渲染模板,输出的是html格式的内容
        },function(err,res){
            if(err){
                console.log(err);
            }else{
                console.log(res);
            }
        });

    });
 }
 var information={
        "title":"A股小评",
        "comments":[{
            "comment":"A股就像一个小娃娃一样，一跌就跌停，一涨就涨停，一点都不稳重！",
            "byWho":"zj"
         },{
             "comment":"A股就是世界股市的一个奇葩，经常千股跌停千股涨停，不带这样的，经常做过山车会得心脏病的",
             "byWho":"yyrdl"
         },{
             "comment":"不知道新的韭菜有没有长好，准备去割韭菜了，哈哈",
             "byWho":"you guess:)"
         }]
  };
 sendEmail(information);

• base.mst

<h3 style="max-width:100px;margin-left:auto;margin-right:auto">{{title}}</h3>
{{#comments}}
    <div style="background-color:skyblue;padding:10px;margin-top:10px;border-radius:3px;">
      <p style="font-size: 14px">{{comment}}</p>
      {{>by}}
    </div>
{{/comments}}

• footer.mst

 <div style="margin-left: 600px;font-style: italic;">
     -----{{byWho}}
 </div>

效果截图

---

---

---

如果你想在邮件中加背景图，其实很简单，参照之前那边文章中的逻辑就可以了，理论上讲加音乐也可以，我试试 ：）--结果是显示出了audio标签，但显示不支持该类文件，失败！

mustache-promise的用法在文档里面有详细的介绍

---记录，分享。转载请注明出处！