前端利用emailjs发送邮件

最新推荐文章于 2024-06-25 08:58:06 发布

梁毅

最新推荐文章于 2024-06-25 08:58:06 发布

阅读量3k

点赞数 1

分类专栏：前端文章标签：前端 Powered by 金山文档

本文链接：https://blog.csdn.net/liangyiyiliang/article/details/129319289

版权

前端专栏收录该内容

21 篇文章 0 订阅

订阅专栏

文章介绍了如何利用EmailJS服务，通过前端发送表单数据到邮箱。主要步骤包括在EmailJS官网注册，连接谷歌邮箱创建服务，设定邮件模板，然后使用send方法发送邮件，其中涉及serviceID,templateID,templateParams和publicKey等关键参数。

摘要由CSDN通过智能技术生成

最近有一个需求，前端发送一个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