前端利用emailjs发送邮件
创始人
2024-05-28 10:45:29
0次
最近有一个需求，前端发送一个form表单到一个邮箱，找了一圈发现emailjs还不错就使用他了。
首先emailjs官网注册一个账号
注册完之后创建一个邮件服务（我这里使用的是谷歌邮箱）
链接谷歌邮箱账户 然后创建服务
接下来就要创建一个邮件的模版
模版可以是里面的变量是用{{}}包裹起来的 to Eamil 是设置收邮件的邮箱
到此为止服务就差不多了，现在开始看api
安装
这里有案例
我这里用的是send方法
import { send } from '@emailjs/browser';
const formRef = ref()
const submit = ()=>{formRef.value.validate((valid, fields) => {if (valid) {let loadingInstance = ElLoading.service({lock: true,text: 'Loading',background: 'rgba(0, 0, 0, 0.7)',})send(serviceID, templateID, templatePrams, publicKey).then(function(response) {ElMessage.info('發送成功！')loadingInstance.close()}, function(error) {ElMessage.error('發送失敗！')loadingInstance.close()})}})我们来重点说一下这几个参数 serviceID, templateID, templatePrams, publicKey
serviceID
templateID
templatePrams 就是一个包含key和value的对象，而在上面提到的邮件模版中的{{}}中的内容对应这里的对象的key，解析出来后邮件的内容就是对应的value了。
publicKey
最后我们看一下收到的邮件
相关内容
热门资讯
Python|位运算|数组|动...
目录 1、只出现一次的数字（位运算，数组） 示例 选项代...
张岱的人物生平
张岱的人物生平张岱（414年－484年），字景山，吴郡吴县（今江苏苏州）人。南朝齐大臣。祖父张敞，东...
西游西后传演员女人物
西游西后传演员女人物西游西后传演员女人物 孙悟空 六小龄童 唐僧 徐少华 ...
名人故事中贾岛作诗内容简介
名人故事中贾岛作诗内容简介有一次,贾岛骑驴闯了官道.他正琢磨着一句诗,名叫《题李凝幽居》全诗如下：闲...
和男朋友一起优秀的文案？
和男朋友一起优秀的文案？1.希望是惟一所有的人都共同享有的好处；一无所有的人，仍拥有希望。2.生活，...
戴玉手镯的好处 戴玉手镯好还是...
戴玉手镯的好处 戴玉手镯好还是碧玺好 女人戴玉？戴玉好还是碧玺好点佩戴手镯，以和田玉手镯为佳！相嫌滑...
依然什么意思？
依然什么意思？依然（汉语词语）依然，汉语词汇。拼音：yī rán基本解释：副词，指照往常、依旧...
高尔基的散文诗
高尔基的散文诗《海燕》、《大学》、《母亲》、《童年》这些都是比较出名的一些代表作。
心在飞扬作者简介
心在飞扬作者简介心在飞扬作者简介如下。根据相关公开资料查询，心在飞扬是一位优秀的小说作者，他的小说作...
卡什坦卡的故事赏析？
卡什坦卡的故事赏析？讲了一只小狗的故事, 我也是近来才读到这篇小说. 作家对动物的拟人描写真是惟妙...
林绍涛为简艾拿绿豆糕是哪一集
林绍涛为简艾拿绿豆糕是哪一集第三十二集。 贾宽认为是阎帅间接导致刘映霞住了院，第二天上班，他按捺不...
小爱同学是女生吗小安同学什么意...
小爱同学是女生吗小安同学什么意思 小爱同学，小安同学说你是女生。小安是男的。
内分泌失调导致脸上长斑,怎么调...
内分泌失调导致脸上长斑,怎么调理内分泌失调导致脸上长斑,怎么调理先调理内分泌，去看中医吧，另外用好的...
《魔幻仙境》刺客，骑士人物属性...
《魔幻仙境》刺客，骑士人物属性加点魔幻仙境骑士2功1体质
很喜欢她，该怎么办？
很喜欢她，该怎么办？太冷静了！！ 太理智了！爱情是需要冲劲的~不要考虑着考虑那~否则缘...
言情小说作家
言情小说作家我比较喜欢匪我思存的，很虐，很悲，还有梅子黄时雨，笙离，叶萱，还有安宁的《温暖的玄》 小...
两个以名人的名字命名的风景名胜...
两个以名人的名字命名的风景名胜？快太白楼，李白。尚志公园，赵尚志。
幼儿教育的代表人物及其著作
幼儿教育的代表人物及其著作卡尔威特的《卡尔威特的教育》，小卡尔威特，他儿子成了天才后写的《小卡尔威特...
海贼王中为什么说路飞打凯多靠霸...
海贼王中为什么说路飞打凯多靠霸气升级？凯多是靠霸气升级吗？因为之前刚到时确实打不过人家因为路飞的实力...
运气不好拜财神有用吗运气不好拜...
运气不好拜财神有用吗运气不好拜财神有没有用1、运气不好拜财神有用。2、拜财神上香前先点蜡烛，照亮人神...