FlutterでWEBサイトやWEBアプリを開発していると、別のタブで外部リンクを開いたり、メールアドレスや電話番号をタップしたときにそのままメーラーや電話アプリを開くようにしたいケースがよくあります。

モバイル開発でよく使われるurl_launcherパッケージがWEB開発では使えないことを理由にhtmlパッケージのwindow.openメソッドを使っている方が多いですが、最新のurl_launcherではWEBでも同じように外部リンクを開くことができますので、特にモバイルとWEBを同時開発している方はモバイル同様url_launcherを使用することをおすすめします。

pubspenc.yaml

dependencies:
  url_launcher: ^6.0.12

外部リンク

launch('https://flutterlabo.tech/');

電話番号

launch('tel:0600000000');

メール

launch('mailto:support@flutterlabo.tech');