リンク等、コンテンツ共有を行うcordova-plugin-x-socialsharingの使い方

インストール

cordova-plugin-x-socialsharingプラグインをインストールする

使い方、基本動作

<button onclick="window.plugins.socialsharing.share('リンクやメッセージなど')">シェア</button>

基本的には上記のようにクリックアクションを付けることにてシェアを行うことが可能。

メール共有

<button onclick="window.plugins.socialsharing.share('本文', '件名')">メールで共有</button>

メールで共有する場合には、本文と件名となるテキストデータを引数とする。

画像共有

// URLの場合
<button onclick="window.plugins.socialsharing.share(null, null, 'https://www.google.nl/images/srpr/logo4w.png', null)">リンク画像を共有</button>
 
// Dataでの指定
<button onclick="window.plugins.socialsharing.share(null, 'Androidの場合、ファイル名も入れれる', 'data:image/png;base64,.....', null)">dataで画像共有</button>

アプリへデータ共有

基本動作にて他アプリの共有は可能ですが、特定アプリに絞り込んだ場合の方法も提供されている。

対応するアプリは以下の通り。

  • Twitter
  • Facebook
  • WhatsApp
  • SMS
  • メール
  • Instagram
  • 写真（アルバム）

Twitterへの投稿

12window.plugins.socialsharing.shareViaTwitter('Twitterへ投稿')

・iPadではメニューの表示場所が指定可能

// ボタンの下に表示します
window.plugins.socialsharing.iPadPopupCoordinates = function() {
  var rect = document.getElementById('share_button').getBoundingClientRect();
  return rect.left + "," + rect.top + "," + rect.width + "," + rect.height;
};