PWA を使用してソーシャル メディアで画像を共有する

Question

私の Nuxt PWA には、このパッケージを使用して HTML を Canvas に変換する機能があります。生成されたイメージは Base64 です。次に、Whatsapp、Facebook、電子メール、Instagram などを介して画像を共有できるようにしたいと考えています。いくつかのパッケージを見つけましたが、ファイルの URL とテキストだけの共有をサポートしているものはないようです。

これは私の共有機能です:

リーリー

if (navigator.share) 条件を取り出すと、navigator.share は関数ではないというエラーがコンソールに表示されます。 HTTPS でのみ動作するとどこかで読んだので、ステージング サーバーにアップロードして試してみましたが、やはり同じエラーが発生しました。

明確にするために、URL ではなく、生成された画像自体を共有できるようにしたいと考えています。

Answer 1

私のアプリケーションの share() 関数には次のコードのバリエーションがあり、クライアントで実行すると正常に動作します。

リーリー

Answer 2

この URL が機能するかどうか教えてください: https://nuxt-share-social-media.netlify.app
その場合は、ここで Github リポジトリを見つけることができます: https://github.com/Kisu/so-share-image-bounty

コードは

です リーリー

@denvercoder9 からインスピレーションを受けました!