2014-12-19 67 views
4

我們如何實現添加到任何社交網絡小部件,以在Mobilefirst平臺中分享facebook,twitter等中的照片。 我已經嘗試了http://www.addthis.com/ 的插件它正在開發公共資源預覽版,但在Android和Windows 8模擬器和設備上失敗。我們如何實現在MobileFirst中添加任何(社交網絡)

任何人都可以推薦任何其他插件MobileFirst平臺? 試過jQuery的共享也由以下代碼,但不工作。

$('#mydiv').share({ 
     networks: ['facebook','pinterest','googleplus','twitter','linkedin','tumblr','in1','email','stumbleupon','digg'] 
    }); 

<div id="mydiv"></div> 
+0

解釋你想要這個來完成您的應用程序是什麼。 – 2014-12-19 10:55:58

+0

編輯了這個問題 – ByteCruncher 2014-12-19 11:56:42

回答

5

更新:更多信息請參見這篇博客文章:https://developer.ibm.com/mobilefirstplatform/2015/08/03/integrating-3rd-party-cordova-plug-ins/

所提到的「插件」似乎並不爲IMO移動應用安裝。
您可以改爲使用Cordova社交分享插件。

對於Android,iOS和Windows Phone來說,一個很有希望的插件是PhoneGap Social Sharing plugin

注意:您無法使用Cordova CLI安裝步驟在Worklight/MobileFirst Platform中安裝插件。相反,您需要遵循所提供的手動指示。

在此之前,閱讀MFP tutorial for working with Cordova plug-ins將是明智之舉,以便您瞭解它在MFP中的工作原理。


我知道它在iOS上的工作與一些額外的調整。

注:

  • 第2步所需的Android和Windows Phone 8以及在各自的環境
  • 步驟2將需要經過反覆的MobileFirst Studio中的每個構建,因爲此文件在每個版本上都被覆蓋。

步驟:

  1. 有兩種缺失框架:
    • MessageUI.framework
    • Social.framework

  2. 更新(在X代碼)WWW \工作燈\一個額外的部分cordova_plugins.js

    { 
        "file": "../js/SocialSharing.js", 
        "id": "nl.x-services.plugins.socialsharing", 
        "clobbers": [ 
         "window.plugins.socialsharing" 
        ] 
    } 
    

    注: SocialSharing.js應放置在共同\ JS以及在HEAD元件index.html中

  3. 被引用到
  4. 編輯社交分享。通過

    cordova.define("nl.x-services.plugins.socialsharing", function(require, exports, module) { 
        // file contents 
    ); 
    
  5. 包裝的全部內容在HTML JS,選擇任何分享你從可用的喜歡選項(參見插件文檔那些)。

最終結果:

enter image description here