PhoneGap中文网

 找回密码
 立即注册
查看: 24035|回复: 3

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

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
发表于 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插件

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

   
  1. cordova plugin add org.apache.cordova.device
  2.       cordova plugin add org.apache.cordova.device-motion
  3.       cordova plugin add org.apache.cordova.file
  4.       cordova plugin add org.apache.cordova.file-transfer
  5.       cordova plugin add org.apache.cordova.geolocation
  6.       cordova plugin add org.apache.cordova.inappbrowser
  7.       cordova plugin add org.apache.cordova.network-information
复制代码


3.3 添加代码和资源引用

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

  1. <!--将此代码放入html<head>标签中-->
  2. <link rel="stylesheet" type="text/css" href="css/social.umeng.css" />

  3. <!--将此代码放入html<body>标签结尾-->
  4. <script type="text/javascript" src="js/jquery.js"></script>
  5. <script type="text/javascript" src="js/html2canvas.js"></script>
  6. <script type="text/javascript" src="js/social.umeng.js"></script>
复制代码



3.4 设置APPKEY

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


  1. window.umappkey = '528dc5aa56240bb52f02343c';
复制代码



4 快速分享

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

  1. var opt = {
  2.        'data' : {
  3.               'content' : {
  4.                      'text' : '这里请填写要分享的文字内容',
  5.                      'img' : '要分享的图片Url'
  6.               }
  7.        }
  8. }
  9. $("#shareBtn").umshare(opt);
复制代码



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

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

回复

使用道具 举报

1

主题

9

帖子

53

积分

注册会员

Rank: 2

积分
53
发表于 2015-2-28 16:27:51 | 显示全部楼层
可以分享到微信吗?能不能调整弹出分享界面的样式,和选择个别第三方分享显示
回复 支持 反对

使用道具 举报

1

主题

9

帖子

53

积分

注册会员

Rank: 2

积分
53
发表于 2015-2-28 19:37:50 | 显示全部楼层
分享qq空间 提示(post tweet failed) 为什么会发布失败请解答
回复 支持 反对

使用道具 举报

13

主题

36

帖子

209

积分

中级会员

Rank: 3Rank: 3

积分
209
发表于 2015-4-4 19:04:19 | 显示全部楼层
05.<script type="text/javascript" src="js/jquery.js"></script>

冲突,完毕!!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-3-29 18:24 , Processed in 0.046341 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表