Flutter邮件发送插件mail_sender的使用

发布于 1周前 作者 phonegap100 来自 Flutter

Flutter邮件发送插件mail_sender的使用

插件简介

mail_sender 是一个用于在Flutter应用程序中发送预填充邮件的插件。它支持预填充邮件正文、主题、收件人等信息,并且支持附件。

功能特性

  • 预填充邮件正文、主题、收件人等信息。
  • 支持附件(目前仅支持单个附件,iOS仅支持PDF格式)。

平台支持

平台 支持情况
Android ✔️
iOS ✔️
MacOS
Web
Linux
Windows

快速开始

1. 添加依赖

pubspec.yaml 文件中添加以下依赖:

dependencies:
  mail_sender: ^version
2. 导入包

在 Dart 文件中导入 mail_sender 包:

import 'package:mail_sender/mail_sender.dart';
3. 发送邮件

main.dart 文件中添加以下代码来发送邮件:

final _mailSenderPlugin = MailSender();

_mailSenderPlugin.sendMail(
  recipient: ["john.Doe@gmail.com", "jane.doe@creoit.com"], // 收件人列表
  subject: "Leave Application", // 邮件主题
  body: "Some lengthy Body text", // 邮件正文
  bcc: ["bcc@bcc.com"], // 密送列表
  cc: ["someGuy.promail@gmail.com", "msoffice@gmail.com"], // 抄送列表
  attachment: targetFile.path, // 附件路径
);
4. Android 配置

AndroidManifest.xml 文件中添加以下配置:

<provider
    android:name="androidx.core.content.FileProvider"
    android:authorities="${applicationId}.fileprovider"
    android:exported="false"
    android:grantUriPermissions="true">
    <meta-data
        android:name="android.support.FILE_PROVIDER_PATHS"
        android:resource="@xml/provider_paths" />
</provider>

创建一个新的文件 provider_paths.xml,并将其放置在 android/app/src/main/res/xml 文件夹中,内容如下:

<paths xmlns:android="http://schemas.android.com/apk/res/android">
    <files-path name="app_flutter_files" path="../app_flutter/" />
</paths>
5. iOS 配置

iOS 平台无需额外配置。

完整示例代码

以下是一个完整的示例代码,展示了如何在 Flutter 应用程序中使用 mail_sender 插件发送带有附件的邮件:

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:mail_sender/mail_sender.dart';
import 'package:path_provider/path_provider.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';
  final _mailSenderPlugin = MailSender();

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 初始化平台状态
  Future<void> initPlatformState() async {
    String platformVersion;
    try {
      platformVersion = await _mailSenderPlugin.getPlatformVersion() ??
          'Unknown platform version';
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Column(
          children: [
            Center(
              child: Text('Running on: $_platformVersion\n'),
            ),
            ElevatedButton(
              onPressed: () async {
                // 加载资产文件(例如 PDF)
                ByteData fileData = await rootBundle.load("assets/sample.pdf");

                // 获取应用文档目录
                File targetFile = File(
                    "${(await getApplicationDocumentsDirectory()).path}/sample.pdf");

                // 如果文件不存在,则创建文件
                if (!(await targetFile.exists())) {
                  await targetFile.create(recursive: true);
                }

                // 将资产文件写入目标文件
                await targetFile.writeAsBytes(fileData.buffer.asUint8List(
                    fileData.offsetInBytes, fileData.lengthInBytes));

                // 发送邮件
                _mailSenderPlugin.sendMail(
                  recipient: ["john.Doe@creoit.com", "jane.doe@creoit.com"],
                  subject: "Leave Application",
                  body: "Some lengthy Body text",
                  bcc: ["bcc@bcc.com"],
                  cc: ["someGuy.promail@gmail.com", "msoffice@gmail.com"],
                  attachment: targetFile.path,
                ).onError((error, stackTrace) {
                  if (error is PlatformException) {
                    print("error: $error, ${error.code}, ${error.message}, ${error.details}");
                  }
                });

                // 打印平台版本
                print(
                    "Version: ${await _mailSenderPlugin.getPlatformVersion()}");
              },
              child: Text('Send mail'),
            ),
          ],
        ),
      ),
    );
  }
}

更多关于Flutter邮件发送插件mail_sender的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter邮件发送插件mail_sender的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,我可以为你提供一个关于如何在Flutter项目中使用mail_sender插件发送邮件的代码示例。请注意,mail_sender插件的具体实现和功能可能会随着版本的更新而变化,因此以下示例代码是基于插件的一般使用方式提供的。如果你发现实际使用时有所不同,请参考插件的官方文档。

首先,你需要在pubspec.yaml文件中添加mail_sender插件的依赖:

dependencies:
  flutter:
    sdk: flutter
  mail_sender: ^最新版本号  # 替换为实际最新版本号

然后,运行flutter pub get来安装依赖。

接下来,我们编写一个简单的Flutter应用来发送邮件。由于mail_sender插件通常需要在Android和iOS平台上进行额外的配置(如SMTP服务器设置),这里假设你已经按照插件的官方文档完成了这些配置。

Flutter Dart 代码示例

import 'package:flutter/material.dart';
import 'package:mail_sender/mail_sender.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Mail Sender Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _status = "Status: Not Sent";

  void _sendEmail() async {
    try {
      final MailOptions mailOptions = MailOptions(
        body: 'This is the email body.',
        subject: 'This is the email subject',
        recipients: ['recipient@example.com'],
        isHTML: true,
      );

      // SMTP服务器配置,这里需要根据你的SMTP服务器设置进行调整
      final SmtpOptions smtpOptions = SmtpOptions(
        hostname: 'smtp.example.com', // SMTP服务器地址
        port: 587, // SMTP服务器端口
        secure: false, // 是否使用SSL/TLS
        username: 'your-email@example.com', // SMTP服务器用户名
        password: 'your-email-password', // SMTP服务器密码
      );

      await FlutterMailSender.send(mailOptions, smtpOptions);
      
      setState(() {
        _status = "Status: Sent Successfully!";
      });
    } catch (e) {
      setState(() {
        _status = "Status: Failed - ${e.message}";
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Mail Sender Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              _status,
              style: TextStyle(fontSize: 20),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _sendEmail,
              child: Text('Send Email'),
            ),
          ],
        ),
      ),
    );
  }
}

注意事项

  1. SMTP服务器配置:请确保SmtpOptions中的hostnameportusernamepassword等参数根据你的SMTP服务器设置进行了正确配置。
  2. 安全性:不要在代码中硬编码敏感信息(如电子邮件密码)。考虑使用环境变量或安全存储来管理这些信息。
  3. 权限:在Android和iOS平台上,你可能需要配置网络权限和隐私设置以允许应用发送邮件。
  4. 错误处理:在实际应用中,应更全面地处理错误情况,如网络故障、认证失败等。

这个示例展示了如何在Flutter中使用mail_sender插件发送邮件。请根据你的实际需求进行调整和扩展。

回到顶部