Question

说明-

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

Answer 1

您可以使用这些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>

Answer 2

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

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

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

2 个答案: