我们如何实现添加到任何社交网络小部件以在Mobilefirst平台中分享Facebook,Twitter等中的照片.我已经尝试过来自http://www.addthis.com/的插件. 它正在开发公共资源预览,但在Android和Windows 8模拟器和设备上失败了.
任何人都可以为MobileFirst Platform建议任何其他插件吗?尝试jquery共享也通过以下代码但不工作.
$('#mydiv').share({ networks: ['facebook','pinterest','googleplus','twitter','linkedin','tumblr','in1','email','stumbleupon','digg'] });
Idan Adar.. 5
更新:有关详细信息,请参阅此博客文章:https://developer.ibm.com/mobilefirstplatform/2015/08/03/integrating-3rd-party-cordova-plug-ins/
提到的"插件"似乎不适合移动应用程序IMO.
您可以谷歌搜索Cordova社交共享插件.
适用于Android,iOS和Windows Phone的一个很有前途的插件是PhoneGap Social Sharing插件.
注意:您无法使用Cordova CLI安装步骤在Worklight/MobileFirst Platform中安装插件.相反,您需要按照提供的手动说明进行操作.
在此之前,阅读使用Cordova插件的MFP教程是明智的,这样您就可以了解它在MFP中的工作原理.
我通过一些额外的调整让它在iOS上工作.
注意:
Android和Windows Phone 8以及各自的环境都需要第2步
在MobileFirst Studio中的每次构建之后都需要重复步骤2,因为此文件在每次构建时都会被覆盖.
脚步:
有两个缺少的框架:
MessageUI.framework
Social.framework
使用额外部分更新(在Xcode中)www\worklight\cordova_plugins.js
{ "file": "../js/SocialSharing.js", "id": "nl.x-services.plugins.socialsharing", "clobbers": [ "window.plugins.socialsharing" ] }
注意: SocialSharing.js应放在common\_ss中,并在index.html的HEAD元素中引用
使用包装整个内容来编辑SocialSharing.js
cordova.define("nl.x-services.plugins.socialsharing", function(require, exports, module) { // file contents );
在您的HTML中,从可用的选项中选择您想要的任何共享选项(请参阅插件文档).
最终结果:
更新:有关详细信息,请参阅此博客文章:https://developer.ibm.com/mobilefirstplatform/2015/08/03/integrating-3rd-party-cordova-plug-ins/
提到的"插件"似乎不适合移动应用程序IMO.
您可以谷歌搜索Cordova社交共享插件.
适用于Android,iOS和Windows Phone的一个很有前途的插件是PhoneGap Social Sharing插件.
注意:您无法使用Cordova CLI安装步骤在Worklight/MobileFirst Platform中安装插件.相反,您需要按照提供的手动说明进行操作.
在此之前,阅读使用Cordova插件的MFP教程是明智的,这样您就可以了解它在MFP中的工作原理.
我通过一些额外的调整让它在iOS上工作.
注意:
Android和Windows Phone 8以及各自的环境都需要第2步
在MobileFirst Studio中的每次构建之后都需要重复步骤2,因为此文件在每次构建时都会被覆盖.
脚步:
有两个缺少的框架:
MessageUI.framework
Social.framework
使用额外部分更新(在Xcode中)www\worklight\cordova_plugins.js
{ "file": "../js/SocialSharing.js", "id": "nl.x-services.plugins.socialsharing", "clobbers": [ "window.plugins.socialsharing" ] }
注意: SocialSharing.js应放在common\_ss中,并在index.html的HEAD元素中引用
使用包装整个内容来编辑SocialSharing.js
cordova.define("nl.x-services.plugins.socialsharing", function(require, exports, module) { // file contents );
在您的HTML中,从可用的选项中选择您想要的任何共享选项(请参阅插件文档).
最终结果: