Web 平台的社交共享在 ionic 3 中不起作用

Question

说明-

我正在尝试使用 https://ionicframework.com/docs/native/social-sharing/ 在我的离子应用程序中使用社交共享，用于 ios 和 Android 这是工作 但是当我尝试在 facebook、twitter、linkdin 上使用网络平台分享时 Api 不可用 我如何在网络平台上使用

Answer 1

根据 cordova-plugin github 存储库，它仅支持移动平台（Android、IOS、Windows）。它不支持桌面版本。你需要从你这边添加支持。

https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin/tree/master/src

Answer 2

您可以使用这些 api

分享社交网站的链接

 shareTwitter(e) {

  e.preventDefault();
  var twitterWindow = window.open('https://twitter.com/share?url=' + document.URL, 'twitter-popup', 'height=350,width=600');
  if(twitterWindow.focus) { twitterWindow.focus(); }
    return false;
 }
 shareFacebook(e) {
  e.preventDefault();
  var facebookWindow = window.open('https://www.facebook.com/sharer/sharer.php?u=' + document.URL, 'facebook-popup', 'height=350,width=600');
  if(facebookWindow.focus) { facebookWindow.focus(); }
    return false;
 }
 shareGooglePlus(e) {
  //  var _this = this;
  e.preventDefault();
  var GooglePlusWindow = window.open('https://plus.google.com/share?url=' + document.URL, 'googleplus-popup', 'height=350,width=600');
  if(GooglePlusWindow.focus) { GooglePlusWindow.focus(); }
    return false;
 }
 shareLinkedIn(e) {
  var url =  document.URL
  var title = this.contributionDetails.Title;
  var text = document.URL;
  window.open('http://www.linkedin.com/shareArticle?mini=true&url='+url+'&title='+title, 'sharer', 'left=0,top=0,width=650,height=420,personalbar=0,toolbar=0,scrollbars=0,resizable=0');
 }

HTML 文件

        <ul>
          <li><a (click)="shareFacebook($event)" class="fbicon"><span class="fa fa-facebook"></span></a></li>
          <li><a (click)="shareTwitter($event)" class="twittericon"><span class="fa fa-twitter"></span></a></li>
          <li><a  (click)="shareGooglePlus($event)" class="gpicon"><span class="fa fa-google-plus"></span></a></li>
          <li><a  (click)="shareLinkedIn($event)" class="linkicon"><span class="fa fa-linkedin"></span></a></li>
         </ul>
      </div>

Web 平台的社交共享在 ionic 3 中不起作用

Social sharing for web platform is not working in ionic 3

ionic-framework

ionic2

ionic3

angular