• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > MUI 分享微信朋友圈功能代码

MUI 分享微信朋友圈功能代码

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含mui 发布朋友圈,等相关知识,教程希望在学习及工作中可以帮助到您

配置文件:manifest.json

plus ->plugins 下边
 

  1. "share": {/*配置应用使用分享功能,参考http://ask.dcloud.net.cn/article/27*/ 
  2.      "qq": { 
  3.         "appid": "",/*腾讯QQ开放平台申请应用的AppID值*/ 
  4.         "description": "QQ分享" 
  5.        }, 
  6.      "weixin": { 
  7.          "appid": "",/*微信开放平台申请应用的AppID值*/ 
  8.          "appsecret": "",/*微信开放平台申请应用的AppSecret值*/ 
  9.           "description": "微信分享" 
  10.           } 
  11. }, 

html 代码文件

 

  1. <html> 
  2.     <head> 
  3.         <meta charset="utf-8"> 
  4.         <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 
  5.         <title>首页</title> 
  6.         <script type="text/javascript" charset="utf-8"> 
  7.        
  8.         var shares=null; 
  9.         var Intent=null,File=null,Uri=null,main=null; 
  10.         // H5 plus事件处理 
  11.         function plusReady(){ 
  12.             updateSerivces(); 
  13.             if(plus.os.name=="Android"){ 
  14.                 main = plus.android.runtimeMainActivity(); 
  15.                 Intent = plus.android.importClass("android.content.Intent"); 
  16.                 File = plus.android.importClass("java.io.File"); 
  17.                 Uri = plus.android.importClass("android.net.Uri"); 
  18.             } 
  19.         } 
  20.         if(window.plus){ 
  21.             plusReady(); 
  22.         }else{ 
  23.             document.addEventListener("plusready",plusReady,false); 
  24.         } 
  25.          
  26.         /** 
  27.          *  
  28.          * 更新分享服务 
  29.          */ 
  30.         function updateSerivces(){ 
  31.             plus.share.getServices( function(s){ 
  32.                 shares={}; 
  33.                 for(var i in s){ 
  34.                     var t=s[i]; 
  35.                     shares[t.id]=t; 
  36.                 } 
  37.             }, function(e){ 
  38.                 alert("获取分享服务列表失败:"+e.message ); 
  39.             } ); 
  40.         } 
  41.          
  42.          
  43.          
  44.         /** 
  45.            * 分享操作 
  46.            * @param {JSON} sb 分享操作对象s.s为分享通道对象(plus.share.ShareService) 
  47.            * @param {Boolean} bh 是否分享链接 
  48.            */ 
  49.         function shareAction(sb,bh) { 
  50.             if(!sb||!sb.s){ 
  51.                 alert("无效的分享服务!"); 
  52.                 return; 
  53.             } 
  54.              
  55.             var msg={content:sharehrefDes.value,extra:{scene:sb.x}}; 
  56.             if(bh){ 
  57.                 msg.href=sharehref.value; 
  58.                 if(sharehrefTitle&&sharehrefTitle.value!=""){ 
  59.                     msg.title=sharehrefTitle.value; 
  60.                 } 
  61.                 if(sharehrefDes&&sharehrefDes.value!=""){ 
  62.                     msg.content=sharehrefDes.value; 
  63.                 } 
  64.                 msg.thumbs=["_www/logo.png"]; 
  65.                 msg.pictures=["_www/logo.png"]; 
  66.             }else{ 
  67.                 if(pic&&pic.realUrl){ 
  68.                     msg.pictures=[pic.realUrl]; 
  69.                 } 
  70.             } 
  71.             // 发送分享 
  72.             if ( sb.s.authenticated ) { 
  73.                 alert("---已授权---"); 
  74.                 shareMessage(msg,sb.s); 
  75.             } else { 
  76.                 alert("---未授权---"); 
  77.                 sb.s.authorize( function(){ 
  78.                         shareMessage(msg,sb.s); 
  79.                     },function(e){ 
  80.                         alert("认证授权失败:"+e.code+" - "+e.message ); 
  81.                      
  82.                 }); 
  83.             } 
  84.         } 
  85.         /** 
  86.            * 发送分享消息 
  87.            * @param {JSON} msg 
  88.            * @param {plus.share.ShareService} s 
  89.            */ 
  90.         function shareMessage(msg,s){ 
  91.              
  92.             alert(JSON.stringify(msg)); 
  93.             s.send( msg, function(){ 
  94.                 alert("分享到\""+s.description+"\"成功! " ); 
  95.                  
  96.             }, function(e){ 
  97.                 alert( "分享到\""+s.description+"\"失败: "+JSON.stringify(e) ); 
  98.              
  99.             } ); 
  100.         } 
  101.         // 分析链接 B5教程网 www.bcty365.com 
  102.         function shareHref(){ 
  103.             var shareBts=[]; 
  104.             // 更新分享列表 
  105.             var ss=shares['weixin']; 
  106.             ss&&ss.nativeClient&&(shareBts.push({title:'微信朋友圈',s:ss,x:'WXSceneTimeline'}), 
  107.             shareBts.push({title:'微信好友',s:ss,x:'WXSceneSession'})); 
  108.             ss=shares['qq']; 
  109.             ss&&ss.nativeClient&&shareBts.push({title:'QQ',s:ss}); 
  110.             // 弹出分享列表 
  111.             shareBts.length>0?plus.nativeUI.actionSheet({title:'分享链接',cancel:'取消',buttons:shareBts},function(e){ 
  112.                 (e.index>0)&&shareAction(shareBts[e.index-1],true); 
  113.             }):plus.nativeUI.alert('当前环境无法支持分享链接操作!'); 
  114.         } 
  115.          
  116.         </script> 
  117.     </head> 
  118.  
  119.     <body> 
  120.             <!-- 主页面标题 -->     
  121.             <p>链接地址:</p> 
  122.             <input id="sharehref"  type="url" value="http://www.baidu.com/" /> 
  123.             <p>链接标题:</p> 
  124.             <input id="sharehrefTitle"  type="text" value="title" /> 
  125.             <p>链接描述:</p> 
  126.             <input id="sharehrefDes"  type="text" value="test"/></br> 
  127.              
  128.             <button type="button" onclick="shareHref()"> 分享链接</button> 
  129.  
  130.     </body> 
  131. </html> 

您可能想查找下面的文章:

  • MUI分享链接到微信好友、朋友圈、QQ好友
  • MUI 分享微信朋友圈功能代码

相关文章

  • 2017-05-31mui.init方法配置
  • 2017-05-31hbuilder mui 开发心得(收藏)
  • 2017-05-31mui开发之plusready和init
  • 2017-05-31MUI Android 创建一个最精简的5+SDK打包工程
  • 2017-05-31div区域滚动(scroll)如何获取当前滚动位置的Y坐标
  • 2017-05-31mui android native.js取CPU核数
  • 2017-05-31mui 打开新窗口的方式总结
  • 2017-05-31Android如何判断app是否安装(native.js)
  • 2017-05-31如何用hbuilder开发微信公众号
  • 2017-05-31HBuilder MUI 手动检测mui版本版本更新的代码

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HBuilder修改完代码,按ctrl+s保存,手机端不会同步刷新了
    • HBuilder开发App教程-最难搞定的是mui
    • HBuilder mui 基于MUI的移动端数字密码键盘
    • HBuilder MUI如何停止、开启个推推送功能(Native.js)
    • mui页面无法滚动解决方法
    • Hbuilder MUI 微信支付只有一个按钮(ios)
    • 小米手机安装HBuilder调试基座报错Failure [INSTALL_CANCELED_BY_USER]
    • HBuilder mui 自定义事件
    • Hbuilder MUI 关闭软键盘函数
    • mui uploader上传服务器端代分享(java版)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有