Blog FQSoft

Just Simple Code Documentation

Flutter

Flutter: Terhubung dengan Aplikasi WhatsApp

Faiq Himmah 31 August 2024

1 - Install Package url_launcher

flutter pub add url_launcher

2 - Buat method untuk terhubung ke aplikasi WhatsApp

Method whatsapp di bawah ini bisa dipanggil di action button dengan parameter nomor whatsapp. dan format contact di wahtasapp adalah diawali kode negara misal 6281676886. Jadi bukan diawali 0 atau +62

whatsapp(contact) async {
    String text = 'Hi!';
    String androidUrl = "whatsapp://send?phone=$contact&text=$text";
    String iosUrl = "https://wa.me/$contact?text=${Uri.parse(text)}";

    try {
      if (Platform.isIOS) {
        if (await canLaunchUrl(Uri.parse(iosUrl))) {
          await launchUrl(Uri.parse(iosUrl));
        }
      } else {
        if (await canLaunchUrl(Uri.parse(androidUrl))) {
          await launchUrl(Uri.parse(androidUrl));
        }
      }
    } catch(e) {
      // print('object');
      await launchUrl(Uri.parse(iosUrl), mode: LaunchMode.externalApplication);
    }
  }

3 - Buka File AndroidManifest.xml

File diatas terletak di android/src/main

lalu tambahkan tag di dalam tag queries seperti dibawah ini

<manifest xmlns:android="http://schemas.android.com/apk/res/android">
  <application>
    ..............................
  </application>
  
  <queries>
    <package android:name="com.whatsapp"/>
    <package android:name="com.whatsapp.w4b"/>
  </queries>
</manifest>
flutter whatsapp