且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何从我的React Web应用程序发送电子邮件

更新时间:2023-10-14 08:58:04

仅在前端,您可以使用 smtpJS 触发邮件,请转到链接

From frontend only you can trigger mails using smtpJS go to thi link smtpJS

要遵循的步骤是 1.单击 GetSMTPCredentials 并注册. 2.注册后,记下凭据,然后单击 ENCRYPTSMTPCrendentials

Steps to follow is 1. Click GetSMTPCredentials and register. 2. After registering, note down the credentials and click ENCRYPTSMTPCrendentials

示例如下

var test={
sendEmail(subject,to,body){

    /* SmtpJS.com - v3.0.0 */
    let Email = { send: function (a) { return new Promise(function (n, e) { a.nocache = Math.floor(1e6 * Math.random() + 1), a.Action = "Send"; var t = JSON.stringify(a); Email.ajaxPost("https://smtpjs.com/v3/smtpjs.aspx?", t, function (e) { n(e) }) }) }, ajaxPost: function (e, n, t) { var a = Email.createCORSRequest("POST", e); a.setRequestHeader("Content-type", "application/x-www-form-urlencoded"), a.onload = function () { var e = a.responseText; null != t && t(e) }, a.send(n) }, ajax: function (e, n) { var t = Email.createCORSRequest("GET", e); t.onload = function () { var e = t.responseText; null != n && n(e) }, t.send() }, createCORSRequest: function (e, n) { var t = new XMLHttpRequest; return "withCredentials" in t ? t.open(e, n, !0) : "undefined" != typeof XDomainRequest ? (t = new XDomainRequest).open(e, n) : t = null, t } };

    Email.send({
        SecureToken : process.env.SECURE_TOKEN, // write your secure token
        To : to, // to include multiple emails you need to mention an array
        From : process.env.EMAIL_HOST,
        Subject : subject,
        Body : body
    })
    .then(message=>{
        // alert(message);
    });


}
}

 export default test;

您可以像下面那样导入上面的js文件并调用方法

you can import above js file like below and call the method

import test from '../../components/sendEmail'
test.sendEmail("sub","msg");