phonegap分享插件：phonegap+友盟社会化分享功能实现分享qq ...

admin · 发表于 2014-7-15 14:37:24

详情请看：http://dev.umeng.com/social/phonegap/share/quick-integration

http://dev.umeng.com/social

phonegap+友盟社会化分享功能实现
1 产品概述

友盟社会化组件，可以让移动应用快速具备社会化分享、登录、评论、喜欢等功能，并提供实时、全面的社会化数据统计分析服务。

指南将会手把手教你使用社会化组件SDK，用5分钟为APP增加新浪微博、腾讯微博、人人网分享功能。

注意：本文示例代码均针对最新版SDK，如果你所用SDK的类名或方法名与此文不符合，请使用你所用SDK的随包文档、或者下载使用最新版SDK。
2 获取友盟Appkey

如果你之前已经在友盟注册了应用，并获取到了Appkey，可以继续使用它.

如果你尚未在友盟注册开发者账号，需要先注册，注册之后登录你的账号，点击**添加新应用**，填写完应用基本信息后，将进入"下载SDK并添加代码"页面，此页面即可得到Appkey。
3 下载并安装SDK
3.1 下载SDK最新版
3.2 添加相关Phonegap插件

在终端或命令行运行以下命令：

cordova plugin add org.apache.cordova.device
cordova plugin add org.apache.cordova.device-motion
cordova plugin add org.apache.cordova.file
cordova plugin add org.apache.cordova.file-transfer
cordova plugin add org.apache.cordova.geolocation
cordova plugin add org.apache.cordova.inappbrowser
cordova plugin add org.apache.cordova.network-information

复制代码

3.3 添加代码和资源引用

将SDK（包括Js，CSS和图片文件）复制进入你的Phonegap项目（www目录），在html代码中引入Js和CSS文件。

<link rel="stylesheet" type="text/css" href="css/social.umeng.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/html2canvas.js"></script>
<script type="text/javascript" src="js/social.umeng.js"></script>

复制代码

3.4 设置APPKEY

在Js代码最前面请设置友盟APPKEY（从STEP2处获得）。

window.umappkey = '528dc5aa56240bb52f02343c';

复制代码

4 快速分享

为页面中某个html按钮绑定分享功能

var opt = {
'data' : {
'content' : {
'text' : '这里请填写要分享的文字内容',
'img' : '要分享的图片Url'
}
}
}
$("#shareBtn").umshare(opt);

复制代码

完成。运行程序，点击ID为shareBtn的按钮，即可分享！
5 进阶使用

如果上述文档不能满足你的分享需求，请移步至详细集成文档

waue · 发表于 2015-4-4 19:04:19

05.<script type="text/javascript" src="js/jquery.js"></script>

冲突，完毕！！

vigor.Tao · 发表于 2015-2-28 19:37:50

分享qq空间提示(post tweet failed) 为什么会发布失败请解答

vigor.Tao · 发表于 2015-2-28 16:27:51

可以分享到微信吗?能不能调整弹出分享界面的样式,和选择个别第三方分享显示

		自动登录	找回密码
密码			立即注册

phonegap分享插件：phonegap+友盟社会化分享功能实现分享qq ...

站长推荐 /1