如何在Flutter中实现用户点击按钮后自动向管理员发送邮件的功能

这里提供两种常用的实现方式，可根据你的业务场景选择：

方案1：调用系统邮件客户端发送（无后端需求） #

适合不需要完全静默发送、允许用户确认邮件内容的场景，实现成本极低。

实现步骤 #

• 第一步：在pubspec.yaml中添加依赖库url_launcher，选择适配你当前Flutter版本的版本号即可。
• 第二步：配置平台权限：
  • 安卓端：在android/app/src/main/AndroidManifest.xml的<manifest>标签下新增<queries>配置，声明可调用mailto协议
  • iOS端：在ios/Runner/Info.plist的<dict>标签下新增LSApplicationQueriesSchemes配置，添加mailto项
• 第三步：编写按钮点击逻辑，示例代码如下：

import 'package:url_launcher/url_launcher.dart';

// 点击按钮触发的方法，userEmail是用户输入的邮箱内容
void triggerSendEmail(String userEmail) async {
  // 先校验预设条件，比如邮箱格式是否合法
  final emailReg = RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$');
  if (!emailReg.hasMatch(userEmail)) {
    // 此处添加邮箱格式错误的提示逻辑即可
    return;
  }
  // 构造邮件参数
  final emailUri = Uri(
    scheme: 'mailto',
    path: 'admin@yourdomain.com', // 替换为你的管理员邮箱地址
    queryParameters: {
      'subject': '用户提交信息通知',
      'body': '用户填写的邮箱地址为：$userEmail' // 可自行扩展更多用户信息
    },
  );
  if (await canLaunchUrl(emailUri)) {
    await launchUrl(emailUri);
  }
}

该方案会自动拉起系统默认的邮件客户端，预填好收件人、主题、邮件内容，用户点击发送即可将邮件发到管理员邮箱。

方案2：通过后端接口发送（生产环境推荐） #

适合需要静默发送、不想让用户感知到邮件发送流程的场景，安全性更高。

实现步骤 #

• 第一步：先开发后端接口，接口接收用户提交的邮箱等信息，后端侧集成邮件服务（比如企业邮SMTP、第三方邮件推送服务）触发给管理员的邮件发送。
• 第二步：在pubspec.yaml中添加网络请求库dio，选择适配版本即可。
• 第三步：编写按钮点击逻辑，示例代码如下：

import 'package:dio/dio.dart';

void submitUserInfo(String userEmail) async {
  // 先校验预设条件
  final emailReg = RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$');
  if (!emailReg.hasMatch(userEmail)) {
    // 邮箱格式错误提示
    return;
  }
  try {
    // 调用后端接口提交信息
    final res = await Dio().post(
      'https://your-backend-api.com/submit-email', // 替换为你的后端接口地址
      data: {
        'user_email': userEmail
        // 可添加更多需要传递的用户信息
      },
    );
    if (res.statusCode == 200) {
      // 提交成功提示逻辑
    }
  } catch (e) {
    // 请求错误处理逻辑
  }
}

注意：不要在端侧硬编码邮箱SMTP授权码等敏感信息，很容易被反编译盗取，导致邮箱被滥用，生产环境不要使用端侧直接发邮件的方案。

内容的提问来源于stack exchange，提问作者Mamoudou Kane