【初码干货】使用阿里云邮件推送服务架设本身邮件验证与推送体系

提示:阅读本文需提早了解的相关知识html

一、电子邮件协议(http://baike.baidu.com/view/2367542.htm前端

二、阿里云邮件推送(https://www.aliyun.com/product/directmail数据库

三、EDM(电子邮件营销)(http://baike.baidu.com/subview/1212416/8602812.htm后端

四、SendCloud邮件服务(http://sendcloud.sohu.com/安全

阅读目录结构微信

引:session

1、需求分析多线程

2、功能设计架构

3、详细实现步骤dom

4、总结与思考

 


引:

咱们会发现,愈来愈多的互联网应用和企业级应用,开始使用邮件验证码验证替代邮件连接验证,例以下图:

image

又例如:

image

固然,也有更多的应用使用了漂亮的HTML代码来装饰邮件,例如:

image

又例如:

image

我想,一个优秀的互联网应用或者个体经营的站长站点,若是在注册、身份证验证、信息推送等功能上,加上如上效果的邮件服务,必定能带来更加优质的用户体验

而邮件服务也不是如今才有,咱们能够回顾一下发展历史

不少站长应该都记得,在例如Discuz、WordPress等CMS中,均可以配置SMTP信息,开通了163等邮箱的SMTP功能就能够填入帐号密码,从而达到发送邮件的功能。

不少企业在若干年前,也热衷于使用大型如ExchangeServer,中小型如UMail等软件搭建本身的企业邮件服务系统。

可是随着互联网的发展,伴随着QQ等邮件服务商的走红,传统的国外那一套邮件规则和秩序已经发生了改变,有时候就算你有不少IP,作了反向解析,在Spamhaus白名单,又或者虚拟了不一样的helo域,QQ邮箱仍是照拦不误,最终仍是得单独花钱向国内外各大ESP购买独立通道

在这种状况下,自建邮局系统或者邮件SMTP服务,就显得得不偿失了,因此一方面各大企业邮箱服务越作越好,获得企业的承认,另外一方面,国内外如SendGrid,SendCloud等第三方邮件PUSH服务商也逐渐作大,他们用更专业的手段,去解决通道、白名单、信誉度等各类邮件服务问题,而客户只须要经过SMTP协议或者封装的API接口,就能够很是便捷的给用户发送邮件

就我所知,目前国内作的最好的当属搜狐的SendCloud,可是SendCloud发展了这么多年,也愈来愈复杂和专业,我认为更适合有大型EDM需求的应用使用,做为中小企业和创业者以及站长,首推依然是阿里云的邮件推送服务,一如既往秉持阿里云的特色:使用傻瓜,上手快速,文档俱全,但漏洞和问题多多不过做为AWS的追赶者,能在短期内快速实现这些应用级功能,也算是值得鼓励的。所以下面也基于阿里云邮件推送服务,来实现一个本身的邮件验证与推送体系

1、需求分析

作任何事情,顶层设计很是重要,优秀的设计每每让之后的事情事半功倍,因此在设计整个邮件验证与推送体系前,咱们先看看有哪些功能是但愿可以实现的

  • 支持邮件发送验证码邮件营销推送
  • 可以经过开发在程序逻辑或者管理界面中自动触发发送
  • 可以支持HTML的邮件内容,而HTML内容可以随时随地进行修改,方便美工和开发去调整
  • 验证类邮件可以支持IP统计、次数统计,可以进行时间限制、防止恶意发送
  • 推送类邮件可以支持统计发送数量、发送成功率等反馈数据。
  • 推送类邮件,用户能够退订。

固然,最重要的,验证邮件要能在5-10秒内发送成功,到达率高

2、功能设计

通过以上需求分析,能够明确出如下一些关键的设计思路

一、须要设计模板功能。经过模板功能来支持HTML邮件内容以及随时可更新替换的要求,经过模板里的关键词参数设计,来达到验证码、用户名、营销内容的动态输入。

二、须要设计一个验证码相关表。用来支撑邮件验证码校验、请求限制等功能。

三、须要设计一个发送记录相关表。记录全部发送记录,用于统计和分析。

四、管理后台尽可能界面化管理。用户管理、邮件模板配置、发送记录查询等基本支撑功能,在后台尽可能以界面化实现管理。

五、将企业邮局和邮件推送服务分开。以域名XXX.com为例,通常企业邮局地为zhangsan@XXX.com,邮件服务不宜以XXX.com为域,会和企业邮局服务相互干扰(也不是彻底不可能,只是配置起来很麻烦),应当增长一个二级域名,例如mail.XXX.com,邮件服务地址就是service@mail.XXX.com

总体功能架构图以下:

邮件

3、详细实现步骤

正好手上有个网站,含有注册邮件验证功能,那就基于这个网站的开发,一步一步的讲解一下详细的实现步骤

最终实现效果以下:

网站域名是:alphams.cn,地址为 https://www.alphams.cn,用户注册地址为https://www.alphams.cn/Register

官方企业邮箱域是@alphams.cn,客服邮件地址为:kefu@alphams.cn

在阿里云申请的邮件服务域为:@mail.alphams.cn,服务邮件地址为:service@mail.alphams.cn

具体的实现步骤为:

一、注册阿里云企业邮箱免费版,实现客服邮件地址

咱们的企业邮局服务使用了阿里云企业邮箱免费版。(吐槽一下,居然要转发微博才能注册还捆绑消费6元邮件推送)

image

image

支付成功后,能够在企业邮箱列表中看到

image

下面继续设置解析,能够到帮助页面看到如何设置解析

image

前往域名解析处进行解析设置

image

解析后,企业邮箱生效,进行管理员用户密码初始化

image

使用管理员帐号进入 https://qiye.aliyun.com/ 

继续设置安全问题并绑定手机号

image

成功进入后继续添加客户帐号

image

至此,企业邮局帐号添加成功,到Foxmail中进行登陆。

二、配置阿里云邮件服务

首先要添加一个发信域名

image

image

这里咱们也能够注意到,阿里云也提示不要添加企业邮箱域名,这和咱们以前设计中的思路一致,这里咱们添加的域名是 mail.alphams.cn

而后阿里云提示须要配置一些解析信息,从而生效域名

image

下面前往阿里云的域名解析中进行设置

image

设置好了之后回到刚才的页面进行验证

image

这样,域名就添加成功了

image

下面继续添加发信地址

image

image

这里咱们能够看到,发信帐号如咱们以前所说,是service@mail.alphams.cn

发信类型选择了批量邮件这里有个疑问,在实测中发现,阿里云这个推送服务有触发邮件和批量邮件,触发邮件类型偶尔会发不出去或者接收不到,不知道缘由是什么,有深刻研究的人感谢告知我一下

image

这时候回信地址还未经过验证,咱们点击验证回信地址,而后前往以前申请的QQ企业邮箱中,来验证

image

这样就进行了验证

image

这时候还须要设置一下SMTP密码,咱们设置为XXX

image

image

这里特别须要注意的是阿里云的官方说明

image

发信域名在建立以前要仔细,由于不能给删除和修改。

这样,阿里云邮件服务的配置就完成了。

SMTP服务地址为:smtpdm.aliyun.com,SMTP帐号就是service@mail.alphams.cn,密码就是刚才设置的密码

到这一步为止,已经能够为不少站长网站的邮件服务提供支撑了,在一些CMS里面直接配置入SMTP信息便可使用

可是,网站和应用大部分都是独立开发,咱们更须要设计本身的邮件发送和功能处理体系,所以下面咱们继续

三、用户注册页面的准备工做

具体的页面编码和程序逻辑由于非今天所讲重点,因此这里省略若干字以及若干代码,把主要的步骤列出来,源码可邮件找我要:

因为要加入邮件地址的验证,因此先对注册页面的完整流程进行设计,逻辑图以下:

用户注册

其中,为了加强用户体验,先验证邮件地址,再输入用户名,而这种里面的关联和强逻辑用一个注册会话表来进行控制

注册会话表结构以下:

image

临时验证成功的邮件地址,存入会话表,并向客户端反回一个会话编号,最终完成注册时,须要用户名密码连同这个会话编号一块儿传入后台验证注册

接下来就是邮件验证表的设计

这个表既要能支持没有用户状态的验证,例如注册验证,又要能支持用户运行时的验证,例如修改密码验证等。

表结构以下:

image

其中渠道为具体的使用场景,状态和过时时间两个字段用来双重控制有效性,预留的两个参数,用于存储用户编号、注册会话编号等额外的数据

固然,也少不了用户表,由于这里并无什么特殊的用户场景,因此用户表较为简单,结构以下:

image

四、邮件模板的设计

接下来就进入具体的开发,在开发中,确定会用到对邮件的发送,在咱们这个设计的体系里面,最上面也说了,须要设计模板机制,那么咱们就先设计邮件模板功能

具体的功能架构为:

邮件模板

这里设计了最简单的模板功能,主要思路即数据库存储HTML模板内容,参数直接放入HTML代码中,在开发时进行替换

下面是邮件模板表的设计,表结构以下:

image

在后端对模板进行增删改查管理,省略代码若干,最终效果以下:

先构建一个用于新用户注册的HTML模板

image

而后在管理界面添加信息和HTML代码

image

而后添加成功

image

五、邮件发送的技术准备

经过阿里云的技术文档能够知道,阿里云邮件服务的调用方式有三种

image

本来准备使用API接口进行封装,可是最近太忙了,因此先使用STMP接口方式进行了一次封装,主要代码以下:

实体:

/// <summary>
/// 邮件直推请求
/// </summary>
public class AliyunEMailDirectPushRequest
{
    /// <summary>
    /// 目标邮件地址列表
    /// </summary>
    public Dictionary<String, String> AimAddressList { get; set; }

    /// <summary>
    /// 来源邮件地址
    /// </summary>
    public KeyValuePair<String, String> FromAddress { get; set; }

    /// <summary>
    /// 回复邮件地址列表
    /// </summary>
    public Dictionary<String, String> ReplyAddressList { get; set; }

    /// <summary>
    /// 邮件标题
    /// </summary>
    public String Subject { get; set; }

    /// <summary>
    /// 邮件文本
    /// </summary>
    public String Text { get; set; }

    /// <summary>
    /// 邮件HTML
    /// </summary>
    public String HTML { get; set; }

    /// <summary>
    /// 类型
    /// </summary>
    public Int32 Type { get; set; }

    /// <summary>
    /// SMTP用户名
    /// </summary>
    public String SMTPUserName { get; set; }

    /// <summary>
    /// SMTP密码
    /// </summary>
    public String SMTPPassword { get; set; }
}

/// <summary>
/// 邮件直推响应
/// </summary>
public class AliyunEMailDirectPushResponse
{
    /// <summary>
    /// 推送结果
    /// </summary>
    public Int32 Result { get; set; }

    /// <summary>
    /// 推送结果消息
    /// </summary>
    public String ResultMessage { get; set; }
}

 

发送业务代码:

/// <summary>
/// 邮件直接推送
/// </summary>
/// <param name="String"></param>
/// <returns></returns>
public static AliyunEMailDirectPushResponse EMailDirectPush(AliyunEMailDirectPushRequest _Request)
{
    AliyunEMailDirectPushResponse MyReturn = new AliyunEMailDirectPushResponse();
    MailMessage MyMailMessage = new MailMessage();
    //填充目标邮件地址
    foreach (var e in _Request.AimAddressList)
    {
        MyMailMessage.To.Add(new MailAddress(e.Key, e.Value));
    }
    //填充来源邮件地址
    MyMailMessage.From = new MailAddress(_Request.FromAddress.Key, _Request.FromAddress.Value);
    //填充回复邮件地址
    foreach (var e in _Request.ReplyAddressList)
    {
        MyMailMessage.ReplyToList.Add(new MailAddress(e.Key, e.Value));
    }
    // 邮件主题
    MyMailMessage.Subject = _Request.Subject;
    // 邮件正文内容

    String Text = _Request.Text;
    String HTML = _Request.HTML;
    if (_Request.Type == 1)
    {
        //文本发送方式
        MyMailMessage.AlternateViews.Add(AlternateView.CreateAlternateViewFromString(Text, null, MediaTypeNames.Text.Plain));
    }
    if (_Request.Type == 2)
    {
        //HTML发送方式
        MyMailMessage.AlternateViews.Add(AlternateView.CreateAlternateViewFromString(HTML, null, MediaTypeNames.Text.Html));
    }
    //邮件推送的SMTP地址和端口
    SmtpClient MySmtpClient = new SmtpClient("smtpdm.aliyun.com", 25);
    // 使用SMTP用户名和密码进行验证
    System.Net.NetworkCredential MyNetworkCredential = new System.Net.NetworkCredential(_Request.SMTPUserName, _Request.SMTPPassword);
    MySmtpClient.Credentials = MyNetworkCredential;
    MySmtpClient.Timeout = 5000;//设置5秒超时
    try
    {
        MySmtpClient.Send(MyMailMessage);
        MyReturn.Result = 1;
        MyReturn.ResultMessage = "发送成功";
        return MyReturn;
    }
    catch (Exception e)
    {
        MyReturn.Result = -1;
        MyReturn.ResultMessage = e.Message;
        return MyReturn;
    }
}

六、邮件验证码生成与发送的实现

主要代码以下:

/// <summary>
/// 建立注册邮件验证
/// </summary>
/// <param name="_Request"></param>
/// <returns></returns>
private DWebAccountCreateRegisterEMailVerifyResponse CreateRegisterEMailVerify(DWebAccountCreateRegisterEMailVerifyRequest _Request, HttpRequestMessage _HttpRequest)
{
    DWebAccountCreateRegisterEMailVerifyResponse MyResponse = new DWebAccountCreateRegisterEMailVerifyResponse();
    DWebMySQLDataContexter CheckQueryDataContexter = CreateNewDataContexter();
    //首先检查是否存在邮件
    var UserCheckQuery = CheckQueryDataContexter.ams_user_table.Where(e => e.AUT_EMAILADDRESS == _Request.EMailAddress);
    if (UserCheckQuery.Count() > 0)
    {
        MyResponse.SetResult(-1, "邮件已经存在");
        return MyResponse;
    }
    else
    {
        //再检查和最近一次的发送是否已经超过1分钟了
        DateTime CheckDateTime = DateTime.Now.AddMinutes(4);//增长4分钟
        var VerifyCreateCheckQuery = CheckQueryDataContexter.ams_email_verify_table.Where(e => e.AEVT_EMAILADDRESS == _Request.EMailAddress && e.AEVT_EXPIRETIME >= CheckDateTime);
        if (VerifyCreateCheckQuery.Count() > 0)
        {
            MyResponse.SetResult(-2, "一分钟内只能发送一次邮件,请稍后再试!");
            return MyResponse;
        }
        else
        {
            //将以前发送的验证码所有失效
            DWebMySQLDataContexter UpdateQueryDataContexter = CreateNewDataContexter();
            var EMailVerifyClearUpdateQuery = UpdateQueryDataContexter.ams_email_verify_table.Where(e => e.AEVT_EMAILADDRESS == _Request.EMailAddress);
            var RegisterSessionClearUpdateQuery = UpdateQueryDataContexter.ams_register_session_table.Where(e => e.ARST_EMAILADDRESS == _Request.EMailAddress);
            foreach (var e in EMailVerifyClearUpdateQuery)
            {
                e.AEVT_STATE = -1;//表示失效
            }
            foreach (var e in RegisterSessionClearUpdateQuery)
            {
                e.ARST_STATE = -1;//表示失效
            }
            try
            {
                UpdateQueryDataContexter.SaveChanges();
                //下面发起一个新的验证
                DWebMySQLDataContexter NewTableDataContexter = CreateNewDataContexter();
                //生成验证码
                Random MyRandom = new Random();
                String VerifyCode = MyRandom.Next(1000, 10000).ToString();//得到一个4位随机码

                DateTime NowDateTime = DateTime.Now;
                ams_email_verify_table TempEMailVerifyTable = new ams_email_verify_table();
                TempEMailVerifyTable.AEVT_ID = BLHelper.NewGuid();
                TempEMailVerifyTable.AEVT_CHANNEL = 1;//表示注册验证
                TempEMailVerifyTable.AEVT_CHANNELDESCRIPTION = "注册验证";
                TempEMailVerifyTable.AEVT_CREATETIME = NowDateTime;
                TempEMailVerifyTable.AEVT_EXPIRETIME = NowDateTime.AddSeconds(300);//有效期300秒,5分钟
                TempEMailVerifyTable.AEVT_EMAILADDRESS = _Request.EMailAddress;
                TempEMailVerifyTable.AEVT_PARAMETER1 = "";//参数暂时为空
                TempEMailVerifyTable.AEVT_PARAMETER2 = "";//参数暂时为空
                TempEMailVerifyTable.AEVT_REQUESTIPNUMBERADDRESS = _HttpRequest.GetClientIPAddress().StringIPToNumberIP();//得到IP地址
                TempEMailVerifyTable.AEVT_STATE = 1;//刚刚建立
                TempEMailVerifyTable.AEVT_VERIFYCODE = VerifyCode;
                TempEMailVerifyTable.AEVT_VERIFYTYPE = 1;//默认类型为1
                                                         //插入数据库
                NewTableDataContexter.ams_email_verify_table.Add(TempEMailVerifyTable);
                try
                {
                    //保存
                    NewTableDataContexter.SaveChanges();
                    //下面就开启一个多线程发送邮件,而后返回获取成功,这里这样写不妥,可是为了用户体验,当即返回发送成功,就暂且相信阿里云的到达率吧

                    //下面在线程中发送邮件
                    Task TempTask;
                    TempTask = Task.Factory.StartNew(() =>
                    {

                        try
                        {
                            //下面继续用阿里云邮件推送发送邮件
                            //先读取邮件验证模板
                            String TaskVerifyCode = VerifyCode;
                            DWebMySQLDataContexter EMailTemplateDataContexter = CreateNewDataContexter();
                            String EMailTemplateUniqueIdentity = "NewRegisterVerify";
                            var EMailTemplateQuery = EMailTemplateDataContexter.ams_email_template_table.Where(e => e.AETT_UNIQUEIDENTITY == EMailTemplateUniqueIdentity).ToList();
                            if (EMailTemplateQuery.Count() > 0)
                            {
                                AliyunEMailDirectPushRequest MyRequest = new AliyunEMailDirectPushRequest();
                                //目标地址
                                MyRequest.AimAddressList = new Dictionary<String, String>();
                                MyRequest.AimAddressList.Add(_Request.EMailAddress, "AlphaMS门户注册邮箱【" + _Request.EMailAddress + "】");
                                //来源地址
                                MyRequest.FromAddress = new KeyValuePair<String, String>("service@mail.alphams.cn", "AlphaMS门户邮件服务");
                                //回复地址
                                MyRequest.ReplyAddressList = new Dictionary<String, String>();
                                MyRequest.ReplyAddressList.Add("kefu@alphams.cn", "AlphaMS门户客服");
                                String EMailHTML = EMailTemplateQuery.FirstOrDefault().AETT_CONTENT;
                                EMailHTML = EMailHTML.Replace("##EMailAddress##", _Request.EMailAddress);
                                EMailHTML = EMailHTML.Replace("##VerifyCode##", TaskVerifyCode);
                                MyRequest.HTML = EMailHTML;
                                MyRequest.Subject = "AlphaMS门户用户注册邮件验证";
                                MyRequest.Type = 2;//HTML方式发送邮件
                                MyRequest.SMTPUserName = "service@mail.alphams.cn";
                                MyRequest.SMTPPassword = "XXXXXX";
                                //下面发送
                                AliyunEMailDirectPushResponse TempAliyunEMailDirectPushResponse = AliyunControl.EMailDirectPush(MyRequest);
                            }
                            else
                            {
                                //模板不存在,也不报错
                            }
                        }
                        catch (Exception)
                        {
                            //在线程中不报错
                        }


                    });

                    MyResponse.SetResult(1, "发送成功");
                    return MyResponse;
                }
                catch (Exception NewTableSaveException)
                {
                    return (DWebAccountCreateRegisterEMailVerifyResponse)SetExceptionError(MyResponse, NewTableSaveException, -5, "数据库错误");
                }
            }
            catch (Exception UpdateStateSaveException)
            {
                return (DWebAccountCreateRegisterEMailVerifyResponse)SetExceptionError(MyResponse, UpdateStateSaveException, -5, "数据库错误");
            }
        }
    }
}

七、验证码验证逻辑的实现

主要代码以下:

/// <summary>
/// 检查注册邮件验证码
/// </summary>
/// <param name=""></param>
/// <returns></returns>
private DWebAccountCheckRegisterEMailVerifyCodeResponse CheckRegisterEMailVerifyCode(DWebAccountCheckRegisterEMailVerifyCodeRequest _Request, HttpRequestMessage _HttpRequest)
{
    DWebAccountCheckRegisterEMailVerifyCodeResponse MyResponse = new DWebAccountCheckRegisterEMailVerifyCodeResponse();
    //先检查是否有验证记录
    DWebMySQLDataContexter CheckQueryDataContexter = CreateNewDataContexter();
    DateTime NowDateTime = DateTime.Now;
    var CheckQuery = CheckQueryDataContexter.ams_email_verify_table.Where(e => e.AEVT_EMAILADDRESS == _Request.EMailAddress && e.AEVT_STATE == 1 && e.AEVT_EXPIRETIME >= NowDateTime);
    if (CheckQuery.Count() > 0)
    {
        String VerifyCode = CheckQuery.FirstOrDefault().AEVT_VERIFYCODE;
        if (VerifyCode == _Request.VerifyCode)
        {
            //验证成功,设置这个验证失效
            CheckQuery.FirstOrDefault().AEVT_STATE = -1;//设置失效

            //全部的注册会话先失效
            DWebMySQLDataContexter UpdateClearDataContexter = CreateNewDataContexter();
            var ClearQuery = UpdateClearDataContexter.ams_register_session_table.Where(e => e.ARST_EMAILADDRESS == _Request.EMailAddress);
            foreach (var e in ClearQuery)
            {
                e.ARST_STATE = -1;//所有失效
            }


            //下面就要新建一个注册会话
            DWebMySQLDataContexter NewTableDataContexter = CreateNewDataContexter();
            ams_register_session_table TempRegisterSessionTable = new ams_register_session_table();
            TempRegisterSessionTable.ARST_ID = BLHelper.NewGuid();
            CheckQuery.FirstOrDefault().AEVT_PARAMETER1 = TempRegisterSessionTable.ARST_ID;//和邮件验证创建起关联
            TempRegisterSessionTable.ARST_CREATETIME = NowDateTime;
            TempRegisterSessionTable.ARST_CLIENTIPNUMBERADDRESS = _HttpRequest.GetClientIPAddress().StringIPToNumberIP();
            TempRegisterSessionTable.ARST_EMAILADDRESS = _Request.EMailAddress;
            TempRegisterSessionTable.ARST_EXPIRETIME = NowDateTime.AddMinutes(10);//这个会话的有效期是10分钟
            TempRegisterSessionTable.ARST_STATE = 1;//刚刚建立
            NewTableDataContexter.ams_register_session_table.Add(TempRegisterSessionTable);
            try
            {
                CheckQueryDataContexter.SaveChanges();
                NewTableDataContexter.SaveChanges();
                UpdateClearDataContexter.SaveChanges();
                MyResponse.RegisterSessionID = TempRegisterSessionTable.ARST_ID;
                MyResponse.SetResult(1, "验证成功");
                return MyResponse;
            }
            catch (Exception DataSaveException)
            {
                return (DWebAccountCheckRegisterEMailVerifyCodeResponse)SetExceptionError(MyResponse, DataSaveException, -5, "数据库错误");
            }
        }
        else
        {
            MyResponse.SetResult(-2, "验证码错误");
            return MyResponse;
        }
    }
    else
    {
        MyResponse.SetResult(-1, "已通过期,请从新获取验证码!");
        return MyResponse;
    }
}

八、前端注册页面的实现

//页面控制器
var PageControl = {
    //注册初始化
    RegisterInit: function () {
        PageControl.NewRegisterSessionID = "";//从新清空会话编号
        PageControl.EMailVerifyInit();
    },
    //邮件验证初始化
    EMailVerifyInit: function () {
        clearInterval(PageControl.GetVerifyCodeTimeLeft);
        $("#AR_Register_EMailVerify_Container").show();
        $("#AR_Register_EMailVerify_EMailAddress_TextBox").val("");
        $("#AR_Register_EMailVerify_EMailAddress_TextBox").removeAttr("readonly");
        $("#AR_Register_EMailVerify_GetVerifyCode_Button").removeAttr("disabled");
        $("#AR_Register_EMailVerify_GetVerifyCode_Button").val("获取验证码");
        $("#AR_Register_EMailVerify_Verify_Container").hide();
        $("#AR_Register_EMailVerify_Verify_Code_TextBox").val("");
        $("#AR_Register_UserInfo_Container").hide();
    },
    //获取验证码时间结束
    GetVerifyCodeTimeLeft: null,
    //建立邮件验证
    CreateEMailVerify: function () {

        //先隐藏起来
        $("#AR_Register_EMailVerify_Verify_Container").hide();

        //检查邮件地址输入
        if ($("#AR_Register_EMailVerify_EMailAddress_TextBox").val() == "") {
            AlphaMS.JSToolkit.Dialog.MessageBox("请输入邮件地址", function () {
                $("#AR_Register_EMailVerify_EMailAddress_TextBox").focus();
            });
            return;
        }

        //检查邮件地址输入
        if (!AlphaMS.JSToolkit.Valid.CheckMail($("#AR_Register_EMailVerify_EMailAddress_TextBox").val())) {
            AlphaMS.JSToolkit.Dialog.MessageBox("请输入正确的邮件地址", function () {
                $("#AR_Register_EMailVerify_EMailAddress_TextBox").focus();
            });
            return;
        }

        //AlphaMS业务逻辑请求
        AlphaMS.JSToolkit.NET.BLRequest({
            Debug: false,
            //业务逻辑方法路由名称
            FunctionRouteName: "AlphaMS.Portal.DWeb.Account.CreateRegisterEMailVerify",
            //业务逻辑请求数据
            BLRequestObject: {
                //请求参数
                //邮件地址
                EMailAddress: $("#AR_Register_EMailVerify_EMailAddress_TextBox").val()
            },
            //SBS请求返回
            BLResponse: {
                //请求成功
                Success: function (MyResponseObject) {
                    switch (MyResponseObject.ResultCode) {
                        case 1:
                            //注册成功
                            AlphaMS.JSToolkit.Dialog.MessageBox("验证码获取成功,有效期5分钟,请到邮箱中查收验证码并填入下面框中", function () {
                                $("#AR_Register_EMailVerify_Verify_Code_TextBox").focus();
                            });
                            $("#AR_Register_EMailVerify_EMailAddress_TextBox").attr("readonly", "readonly");
                            $("#AR_Register_EMailVerify_GetVerifyCode_Button").attr("disabled", "disabled");
                            $("#AR_Register_EMailVerify_GetVerifyCode_Button").html("从新获取(剩余60秒)");

                            var T = 60;//倒计时60秒
                            PageControl.GetVerifyCodeTimeLeft = setInterval(function () {
                                T = T - 1;
                                if (T == 0) {
                                    //结束倒计时
                                    clearInterval(PageControl.GetVerifyCodeTimeLeft);
                                    $("#AR_Register_EMailVerify_EMailAddress_TextBox").removeAttr("readonly");
                                    $("#AR_Register_EMailVerify_GetVerifyCode_Button").removeAttr("disabled");
                                    $("#AR_Register_EMailVerify_GetVerifyCode_Button").html("获取验证码");
                                } else {
                                    $("#AR_Register_EMailVerify_GetVerifyCode_Button").html("从新获取(剩余" + T + "秒)");
                                }
                            }, 1000);

                            $("#AR_Register_EMailVerify_Verify_Container").show();


                            break;
                        case -1:
                            AlphaMS.JSToolkit.Dialog.MessageBox("邮件已经被其余用户使用,请换一个", function () {
                                $("#AR_Register_EMailVerify_EMailAddress_TextBox").focus();
                            });
                            break;
                        default:
                            AlphaMS.JSToolkit.Dialog.MessageBox(MyResponseObject.ResultMessage);
                            break;
                    }
                }
            }
        }, ["Body"]);

    },
    //新注册会话编号
    NewRegisterSessionID: "",
    //检查邮件验证码
    CheckEMailVerifyCode: function () {

        //检查验证码输入
        if ($("#AR_Register_EMailVerify_Verify_Code_TextBox").val() == "") {
            AlphaMS.JSToolkit.Dialog.MessageBox("请输入收到的验证码", function () {
                $("#AR_Register_EMailVerify_Verify_Code_TextBox").focus();
            });
            return;
        }

        //AlphaMS业务逻辑请求
        AlphaMS.JSToolkit.NET.BLRequest({
            Debug: false,
            //业务逻辑方法路由名称
            FunctionRouteName: "AlphaMS.Portal.DWeb.Account.CheckRegisterEMailVerifyCode",
            //业务逻辑请求数据
            BLRequestObject: {
                //请求参数
                //邮件地址
                EMailAddress: $("#AR_Register_EMailVerify_EMailAddress_TextBox").val(),
                //验证码
                VerifyCode: $("#AR_Register_EMailVerify_Verify_Code_TextBox").val()
            },
            //SBS请求返回
            BLResponse: {
                //请求成功
                Success: function (MyResponseObject) {
                    switch (MyResponseObject.ResultCode) {
                        case 1:
                            PageControl.NewRegisterSessionID = MyResponseObject.RegisterSessionID;
                            $("#AR_Register_EMailVerify_Container").hide();
                            $("#AR_Register_UserInfo_Container").show();
                            $("#AR_Register_EMail_TextBox").val($("#AR_Register_EMailVerify_EMailAddress_TextBox").val());
                            break;
                        case -1:
                            AlphaMS.JSToolkit.Dialog.MessageBox("验证码过时,请从新获取!", function () {
                                //初始化邮件验证
                                PageControl.EMailVerifyInit();
                            });
                            break;
                        case -2:
                            AlphaMS.JSToolkit.Dialog.MessageBox("验证码错误,请从新输入", function () {
                                $("#AR_Register_EMailVerify_Verify_Code_TextBox").focus();
                            });
                            break;
                        default:
                            AlphaMS.JSToolkit.Dialog.MessageBox(MyResponseObject.ResultMessage);
                            break;
                    }
                }
            }
        }, ["Body"]);
    },
    //提交注册
    SubmitRegister: function () {

        //检查用户名输入
        if ($("#AR_Register_UserName_TextBox").val() == "") {
            AlphaMS.JSToolkit.Dialog.MessageBox("请输入用户名", function () {
                $("#AR_Register_UserName_TextBox").focus();
            });
            return;
        }

        //检查密码输入
        if ($("#AR_Register_Password_TextBox").val() == "") {
            AlphaMS.JSToolkit.Dialog.MessageBox("请输入密码", function () {
                $("#AR_Register_Password_TextBox").focus();
            });
            return;
        }

        var PreRegisterString = "您的注册信息以下:</br>";
        PreRegisterString = PreRegisterString + "邮件地址:" + $("#AR_Register_EMailVerify_EMailAddress_TextBox").val() + "</br>";
        PreRegisterString = PreRegisterString + "用户名:" + $("#AR_Register_UserName_TextBox").val() + "</br>";
        PreRegisterString = PreRegisterString + "密码:" + $("#AR_Register_Password_TextBox").val() + "</br>";
        PreRegisterString = PreRegisterString + "确认注册吗?";

        AlphaMS.JSToolkit.Dialog.MessageBox(PreRegisterString, function () {
            //AlphaMS业务逻辑请求
            AlphaMS.JSToolkit.NET.BLRequest({
                Debug: false,
                //业务逻辑方法路由名称
                FunctionRouteName: "AlphaMS.Portal.DWeb.Account.NewRegister",
                //业务逻辑请求数据
                BLRequestObject: {
                    //请求参数
                    //用户名
                    UserName: $("#AR_Register_UserName_TextBox").val(),
                    //密码
                    Password: $("#AR_Register_Password_TextBox").val(),
                    //注册会话编号
                    RegisterSessionID: PageControl.NewRegisterSessionID
                },
                //SBS请求返回
                BLResponse: {
                    //请求成功
                    Success: function (MyResponseObject) {
                        switch (MyResponseObject.ResultCode) {
                            case 1:
                                //注册成功
                                AlphaMS.JSToolkit.Dialog.MessageBox("注册成功,请前往登陆", function () {
                                    AlphaMS.JSToolkit.Action.GoToPage("/Login");
                                });
                                break;
                            case -1:
                                AlphaMS.JSToolkit.Dialog.MessageBox("注册已通过期,请从新验证邮件地址!", function () {
                                    PageControl.RegisterInit();
                                });
                                break;
                            case -2:
                                AlphaMS.JSToolkit.Dialog.MessageBox("邮件地址已经存在!", function () {
                                    PageControl.RegisterInit();
                                });
                                break;
                            case -3:
                                AlphaMS.JSToolkit.Dialog.MessageBox("用户名已经存在,请从新输入!", function () {
                                    $("#AR_Register_UserName_TextBox").focus();
                                });
                                break;
                            default:
                                AlphaMS.JSToolkit.Dialog.MessageBox(MyResponseObject.ResultMessage);
                                break;
                        }
                    }
                }
            }, ["Body"]);
        }, function () { });

    }
}

下面来看一下最终邮件验证的效果

输入邮件地址

 

image

获取验证码

image

收到邮件

image

验证成功,继续填写用户信息

image

image

注册成功

image

4、总结与思考

就此,咱们就使用阿里云邮件推送,完成了完整的邮件验证与推送体系的架设(主动推送、数据统计等没有写出来,可是在代码里面有,有须要代码的能够邮件向我索要),一句话总结就是以下:

我想,互联网再怎么发展,QQ号能够没有,微信也可能衰落,但邮件没有的可能性很低,做为一种工做方式和服务方式,在可预见的将来内,邮件体系必定会伴随着信息系统的发展而发展,而从技术的角度出发,对邮件技术和服务的深刻研究与思考,必定可以带来更加优秀的软件系统和应用。所以,建议每个互联网创业者和应用,都可以重视对邮件数据的收集和处理,也在邮件服务上多花点精力和金钱,带给用户更好的体验。


做者:张柔,发布于  博客园  与  初码博客

转载请注明出处,欢迎邮件交流:zhangrou@printhelloworld.com,或者加QQ群:11444444

相关文章
相关标签/搜索