スマホだといろんなアプリに送れたりするシェア機能がある。
WebサイトでもWeb Share APIを使うとできるらしいので試してみた。

f:id:wannabe-jellyfish:20200524155018p:plain

サポート状況は、SafariとAndroidのChromだけ。
・Can I use... Support tables for HTML5, CSS3, etc

使い方

すごく簡単。

private async clickShare() {
  const share = (navigator as any).share;
  if (!share) {
    // サポートされていないと、undefined
    return;
  }
  
  try {
    // navigator.share()を呼ぶと、シャア操作できる
    await share({
      url: "シェアするURL"
      text: "シェアするテキスト",
      title: "シェアするタイトル",
    });
  } catch (error) {
    console.error(error);
  }
}