Send Email Programmatically in Flutter Using SMTP (Simplest Way)

Om Vastre — Mon, 22 Jul 2024 14:13:48 +0000

So many times we need to add email sending functionality to our flutter app, for that SMTP is first solution that comes in mind. There are various ways to send email programmatically but I'm sharing the simplest I found. I used it to send OTP to email for verification in flutter.
We are going to use a library called 'mailer'.

So first of all we need a Gmail and App Password to send SMTP mail from respective mail. To create app password:
- Sign in with gmail account from which you want to send mail.
- Then goto Manage my google account
- Now you have to turn on 2 Step verification in order to create App Password
- For that go to Security > How you sign in to Google > 2-Step Verification
- Enter your password, then mobile no and turn it on.
- Now search for 'App Password' in search bar, open it and create a new passkey of 16 character. Save it somewhere we require it further.
Now open your flutter project and run following command to install mailer library: flutter pub add mailer
Now add following function to your code to send mail:

import 'package:flutter/material.dart';
import 'package:mailer/mailer.dart';
import 'package:mailer/smtp_server/gmail.dart';

sendEmail(BuildContext context) async {
  // TODO : Enter details below
  String name = ''; // your name
  String username = ''; // mail
  String password = ''; // 16 character long app password
  String receiverMail = ''; // receiver's mail
  String sub = ''; // subject of mail
  String text = ''; // text in mail

  final smtpServer = gmail(username, password);
  // SmtpServer class to configure an SMTP server: final smtpServer = SmtpServer('smtp.domain.com');

  final message = Message()
    ..from = Address(username, name)
    ..recipients.add(receiverMail)
    ..subject = sub
    ..text = text
  ..html = "<h4>Your message</h4><p> Your message</p>"; // For Adding Html in email
  // ..attachments = [
  //   FileAttachment(File('image.png'))  //For Adding Attachments
  //     ..location = Location.inline
  //     ..cid = '<myimg@3.141>'
  // ];

  try {
    final sendReport = await send(message, smtpServer);
    print('Message sent: ' + sendReport.toString());
    ScaffoldMessenger.of(context)
        .showSnackBar(SnackBar(content: Text("Email Send Successfully")));
  } catch (e) {
    print('Message not sent.');
    print(e);
  }
}

Complete TODO in above code and your function is ready to send mail.
You can add additional attachments & html to mail by using ..attachments & ..html

Resources : Official Mailer Library

Firebase + Flutter Setup In Simplest Way (Windows)

Om Vastre — Sat, 20 Jul 2024 20:17:02 +0000

There are ways to add firebase to your project but the simplest way is to use FirebaseCLI, I tries with adding domain name to firebase apps then downloading json file and adding it in android app folder and adding library, but there is a catch when er try to add those libraries in that gradle.build files the gradle file structure and the structure shown in firebase add apps step don't match so beginner gets confused so simplest way to add firebase in flutter is to use Firebase CLI. Let's see how to do it:

Download Firebase CLI from here: Download FirebaseCLI
or direct link to start download : Direct download
Then and run command firebase login and login with required account.
Then need to install 'fireflutter' and add it to path, for that
- run command : dart pub global activate flutterfire_cli
- Then you will get to see a warning msg like : "Warning: Pub installs executables into _C:\Users\PC\AppData\Local\Pub\Cache\bin_, which is not on your path. You can fix that by adding that directory to your system's "Path" environment variable. A web search for "configure windows path" will show you how."
- Add path given in msg in Path variable in Environmental Variables. If you don't add to path you may face 'flutterfire not recognized' error
Then close FirebaseCLI window and open your flutter project.
Now need to add required firebase libraries in flutter project for that open terminal and run command :
- Firebase Core Lib : flutter pub add firebase_core
- Firebase Auth lib : flutter pub add firebase_auth
- Firebase Realtime DB Lib : flutter pub add firebase_database
- All other libraries are listed here : Fireflutter Official Site
Then run command flutterfire configure and choose project and apps you want to add to firebase project. After that this command will generate a file 'firebase_options.dart' which contains configuration and now go to firebase there you will get to see apps are added to firebase and setup is completed.

Resources : Official Guide, Official Guide Video, FireFlutter

DEV Community: Om Vastre

Send Email Programmatically in Flutter Using SMTP (Simplest Way)

Firebase + Flutter Setup In Simplest Way (Windows)