IonicネイティブとのIonic2でのソーシャル共有

投稿日: 2022-04-20 2022-04-20

ソーシャル共有は、 Ionic Native の一部として利用できるプラグインであり、アプリにネイティブ共有機能を簡単に追加できます。方法は次のとおりです。

まず、コマンドラインからSocial SharingIonicNativeプラグインをインストールします。

$ ionic plugin add cordova-plugin-x-socialsharing

次に、それをコンポーネントにインポートします。

import { SocialSharing } from 'ionic-native';

ソーシャル共有プラグインで使用可能なshareWithOptions（）メソッドで使用する方法は次のとおりです。 shareWithOptions（）は、デバイスのネイティブ共有シートをトリガーします。

shareRecipe() {
  SocialSharing.shareWithOptions({
    message: `${this.title} - ${this.description}: ${this.recipeUrl}`
  }).then(() => {
    console.log('Shared!');
  }).catch((err) => {
    console.log('Oops, something went wrong:', err);
  });
}

テンプレートのマークアップは次のようになります。

<button ion-button (click)="shareRecipe()">
  <ion-icon name="share"></ion-icon>
</button>

これは、実際のデバイスでテストする必要がある機能の1つです。共有が可能かどうかをテストしたり、特定のチャネルと共有したりするために利用できる追加の方法もいくつかあります。公式ドキュメントを参照してください。

getdocs

13036