[h5+api]移动app开发用到的微信好友,朋友圈,qq好友,新浪微博分享合集
适用H5+环境,能够使用plus方法的移动app中
/**
* Created by HBuilder.
* User: tyx
* Date: 2018-11-21
* Time: 17:28:51
*/ /**
* 初始化分享服务
*/
//---------------H5 plus事件处理
function plusReady(){
updateSerivces(); //更新分享服务
}
if(window.plus){
plusReady();
}else{
document.addEventListener('plusready', plusReady, false);
}
/**
* 更新分享服务
*/
var shares=null;
var sweixin=null; //微信分享
var sqq=null; //QQ分享
var sweibo=null; //新浪微博分享
//------------获取服务列表
function updateSerivces(){
plus.share.getServices(function(s){
shares={};
for(var i in s){
var t=s[i];
shares[t.id]=t;
}
console.log(shares);
sweixin=shares['weixin'];
sqq=shares['qq'];
sweibo=shares['sinaweibo'];
}, function(e){
console.log('获取分享服务列表失败:'+e.message);
});
}
/**
* 调用分享函数
*/
/**
* 分享时传入的必要参数
* @param {string} web_state 分享类型(weixin 微信;qq qq分享;weibo 微博分享)
* @param {function} web_success 成功回调
* @param {function} web_error 失败回调
* @param {string} web_href 分享链接
* @param {string} web_title 分享标题
* @param {string} web_content 分享描述(选填)
* @param {string} weixin_bottons 分享微信渠道(分享微信时必填)(contancts 我的好友;moments 朋友圈)
* @param {string} weixin_pic 分享微信logo图(选填)
* @param {string} weibo_pic 分享微博图片地址(分享微博时选填)
* @param {string} weibo_call 分享时@微博用户(选填)
* @return {string}
*/
//-------------传入分享讯息
function changeShare(web_state,web_success,web_error,web_href,web_title,web_content,weixin_buttons,weixin_pic,weibo_pic,weibo_call,web_true,web_false){
//分享完毕后的回调函数判断
if(typeof web_success === "function") {
var web_true=web_success;
}else{
var web_true=function(){console.log("----发表成功------")};
}
if(typeof web_error === "function") {
var web_false=web_error;
}else{
var web_false=function(){console.log("----发表失败------")};
}
if(!web_state){
return "分享类型参数不全,缺少web_state";
}
if(web_state == 'weixin'){
//验证参数完整性
if(!web_href || !web_title || !weixin_buttons){
return "微信分享缺少必要参数,web_href web_title weixin_buttons";
}
//微信分享渠道
if(weixin_buttons == "contancts"){
var web_buttons={title:'我的好友',extra:{scene:'WXSceneSession'}};
}else if(weixin_buttons == "moments"){
var web_buttons={title:'朋友圈',extra:{scene:'WXSceneTimeline'}};
}else{
return "微信分享参数有误,weixin_buttons";
}
//调用微信分享函数
sweixin_shareWeb(web_href,web_title,web_content,web_buttons,weixin_pic,web_true,web_false);//调用微信分享功能
}else if(web_state == "qq"){
//验证参数完整性
if(!web_href || !web_title){
plus.nativeUI.alert('qq分享缺少必要参数,web_href web_title');
return "qq分享缺少必要参数,web_href web_title";
}
//调用qq分享函数
sqq_shareText(web_href,web_title,web_content,web_true,web_false); }else if(web_state == "weibo"){
if(!web_title){
return "微博分享缺少必要参数,web_title";
}
if(!weibo_call){
weibo_call='';
}
if(!weibo_pic){
weibo_pic='';
}
sweibo_shareImage(web_href,web_title,weibo_pic,weibo_call,web_true,web_false);//调用微博分享功能
}
} /**
* 处理分享方向
*/
//-----------微信分享
// 分享网页
function sweixin_shareWeb(web_href,web_title,web_content,web_buttons,weixin_pic,web_true,web_false){
var sweixin_msg={type:'web',thumbs:[weixin_pic]};
sweixin_msg.href=web_href;
sweixin_msg.title=web_title;
sweixin_msg.content=web_content;
sweixin?share(sweixin, sweixin_msg, web_buttons,web_true,web_false):plus.nativeUI.alert('当前环境不支持微信分享操作!');
}
//-----------QQ分享
// 分享文本
function sqq_shareText(web_href,web_title,web_content,web_true,web_false){ var sqq_msg={type:'text'};
sqq_msg.title=web_title;
sqq_msg.content=web_content;
sqq_msg.href=web_href;
sqq?share(sqq,sqq_msg,'',web_true,web_false):plus.nativeUI.alert('当前环境不支持QQ分享操作!');
}
//-----------微博分享
// 分享图片
function sweibo_shareImage(web_href,web_title,weibo_pic,weibo_call,web_true,web_false){
var sweibo_msg={type:'image'};
if(web_href){
sweibo_msg.content=web_title+' '+weibo_call+' 链接地址是'+web_href;
}else{
sweibo_msg.content=web_title+' '+weibo_call;
}
sweibo_msg.pictures=[weibo_pic];
sweibo?share(sweibo, sweibo_msg,'',web_true,web_false):plus.nativeUI.alert('当前环境不支持新浪微博分享操作!');
} /**
* 链接分享渠道
*/
//-----------------分享
function share(srv,msg,button,web_true,web_false){
console.log('分享操作:');
if(!srv){
console.log('无效的分享服务!');
return "无效的分享服务";
}
button&&(msg.extra=button.extra);
// 发送分享
if(srv.authenticated){
console.log('---已授权---');
doShare(srv, msg,web_true,web_false);
}else{
console.log('---未授权---');
srv.authorize(function(){
doShare(srv, msg,web_true,web_false);
}, function(e){
console.log('认证授权失败:'+JSON.stringify(e));
plus.nativeUI.alert('认证授权失败,请更新客户端');
});
}
}
//---------------发送分享
function doShare(srv, msg,web_true,web_false){
console.log(JSON.stringify(msg));
srv.send(msg, function(){
console.log('分享到"'+srv.description+'"成功!');
web_true();
}, function(e){
console.log('分享到"'+srv.description+'"失败: '+JSON.stringify(e));
web_false();
});
}
[h5+api]移动app开发用到的微信好友,朋友圈,qq好友,新浪微博分享合集的更多相关文章
- H5分享到微信好友朋友圈QQ好友QQ空间微博二维码
这是分享按钮: <button onclick="call()">通用分享</button> <button onclick="call(' ...
- 基于mui的H5套壳APP开发web框架分享
前言 创建一个main主页面,只有主页面有头部.尾部,中间内容嵌入iframe内容子页面,如果在当前页面进行跳转操作,也是在iframe中进行跳转,而如果点击尾部按钮切换模块.页面,那就切换ifram ...
- H5+ 分享到微信、朋友圈代码示例
h5+分享到微信.朋友圈代码示例 在使用分享功能的时候会莫名的分享失败,debug时发现是图片过大的问题. 图片过大时ios平台上返回错误码-8,安卓上返回错误码-3(我测试是这样) 因此如果第一次分 ...
- APP分享多张图片到微信和朋友圈
产品需求: 微信分享多图至好友,朋友圈.由于微信禁用了分享9图至朋友圈功能,这里分享微信只是将图片保存至本地,具体让用户手动分享. 问题分析: 微信没有提供分享多图的SDK,因此我们实现调用系统自带的 ...
- 如何通过Mock API提高APP开发效率?
APP开发过程中,如果可以在客户端的正常项目代码中,自然地(不影响最终apk)添加一种模拟服务器数据返回的功能,这样就可以很方便的在不依赖服务器的情况下展开客户端的开发. Mock API提供了这一问 ...
- 关于JS交互--调用h5页面,点击页面的按钮,分享到微信朋友圈,好友
关于js交互,在iOS中自然就想到了调用代理方法 另外就是下面的,直接上代码了: 如果你的后台需要知道你的分享结果,那么,就在回调里面调用上传到服务器结果的请求即可
- 2016开发一个app需要多少钱?app开发需要哪些成本-app开发问题汇总-广州达到信息
作为一个APP开发从业者,被外行的朋友们问及最多的问题是,"做一个网站需要多少钱?"或者"开发一个APP需要多少钱?".作为开发过完整网站项目和手机APP的人, ...
- H5+混合移动app应用开发——开篇
前言 经过2个多月的艰苦奋斗,app的第一个版本已经快完工了,期间遇到了太多的坑,作为一个喜欢分享的人,我当然不会吝啬分享这爬坑历程.不要问我有多坑,我会告诉你很多,很多..... 过去一直从事.ne ...
- 【转帖】H5 手机 App 开发入门:概念篇
H5 手机 App 开发入门:概念篇 http://www.ruanyifeng.com/blog/2019/12/hybrid-app-concepts.html 作者: 阮一峰 日期: 2019年 ...
随机推荐
- day 54 linux 常用指令入门
Linux文件系统结构 Linux目录结构的组织形式和Windows有很大的不同.首先Linux没有“盘(C盘.D盘.E盘)”的概念.已经建立文件系统的硬盘分区被挂载到某一个目录下,用户通过操作目录来 ...
- php if 的实现
简单分析下php中的分支背后的实现 <?php ){ echo "a"; }else{ echo "b"; } 1.语法分析 unticked_state ...
- 实现可搜索仿select下拉选中
由于在优化项目中,发现先前写的一个活化石级的的可搜索下拉功能在高速搜索中会出现卡顿现象 1.起初的解决方法是在搜索事件中加入防抖函数隔一段时间才去触发他,同时搜索的不再是html文档片段,而是直接对数 ...
- C++运算符重载三种形式(成员函数,友元函数,普通函数)详解
首先,介绍三种重载方式: //作为成员函数重载(常见) class Person{ Private: string name; int age; public: Person(const char* ...
- 在webpack中配置vue.js
在webpack中配置vue.js 这里有两种在webpack中配置vue.js的方法,如下: 1.在main.js中引入vue的包: index.html: <!DOCTYPE html> ...
- Phoenix 4.8
From v4.8.0 onwards, user can enable to map it’s schema to the namespace so that any table created w ...
- OpenGL12-shader(GLSL)着色语言3-(属性参数)(代码已上传)
上一个例程中,使用了uniform 类型的变量,uniform可以理解为全局变量,这一节中使用 的是attribute类型的变量,翻译过来就是属性,他是与顶点绑定的,就意味着一个顶点可以 有很多个属性 ...
- javascript 数组去重的6种思路
前端在日常开发中或多或少都会碰到有对数据去重的需求,实际上,像是lodash这些工具库已经有成熟完备的实现,并且可以成熟地运用于生产环境.但是这并不妨碍我们从思维拓展的角度出发,看看去重可以用几种思路 ...
- es6中let,const区别与其用法
ECMAScript 是什么? 首先,我们都知道JavaScript由三部分组成:ECMAScript,DOM,BOM: 其中的ECMAScript是Javascript的语法规范. ECMAScri ...
- CSS控制字体在一行内显示不换行
当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行要怎么办呢?用CSS让文字在一行内显示不换行的方法: 一般的文字截断(适用于内联与块): .text-ov ...