微信论坛

标题: 微信分享JS-SDK示例页面 [打印本页]

作者: 微信运营    时间: 2015-1-9 14:07
标题: 微信分享JS-SDK示例页面
微信JS SDK 分享到朋友圈 分享给朋友 分享到QQ 拍照或从手机相册中选图 识别音频并返回识别结果 使用微信内置地图查看位置
相关推荐
☆【独家】无需备案域名和认证公众号调用微信分享JS-SDK代码
1、微信分享到朋友圈后可见详细内容页面,怎么设置?
2、微信公众账号订阅号和服务号的区别?
3、微信公众平台怎么弄抽奖活动?
4、运营微信公众账号的几个方向
5、【微信吸粉秘籍】微信投票应该是迄今为止吸粉最快的工具!
一、JS部分
  1. wx.ready(function () {
  2.   // 1 判断当前版本是否支持指定 JS 接口,支持批量判断
  3.   document.querySelector('#checkJsApi').onclick = function () {
  4.     wx.checkJsApi({
  5.       jsApiList: [
  6.         'getNetworkType',
  7.         'previewImage'
  8.       ],
  9.       success: function (res) {
  10.         alert(JSON.stringify(res));
  11.       }
  12.     });
  13.   };

  14.   // 2. 分享接口
  15.   // 2.1 监听“分享给朋友”,按钮点击、自定义分享内容及分享结果接口
  16.   document.querySelector('#onMenuShareAppMessage').onclick = function () {
  17.     wx.onMenuShareAppMessage({
  18.       title: '移动互联网交流学习',
  19.       desc: '在长大的过程中,我才慢慢发现,我身边的所有事,别人跟我说的所有事,那些所谓本来如此,注定如此的事,它们其实没有非得如此,事情是可以改变的。更重要的是,有些事既然错了,那就该做出改变。',
  20.       link: 'http://bbs.weiwangvip.com/',
  21.       imgUrl: 'http://bbs.weiwangvip.com/data/attachment/forum/201501/09/135516s99ll77cl5p86p0o.jpg',
  22.       trigger: function (res) {
  23.         alert('用户点击发送给朋友');
  24.       },
  25.       success: function (res) {
  26.         alert('已分享');
  27.       },
  28.       cancel: function (res) {
  29.         alert('已取消');
  30.       },
  31.       fail: function (res) {
  32.         alert(JSON.stringify(res));
  33.       }
  34.     });
  35.     alert('已注册获取“发送给朋友”状态事件');
  36.   };

  37.   // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
  38.   document.querySelector('#onMenuShareTimeline').onclick = function () {
  39.     wx.onMenuShareTimeline({
  40.       title: '移动互联网交流学习',
  41.       link: 'http://bbs.weiwangvip.com/',
  42.       imgUrl: 'http://bbs.weiwangvip.com/data/attachment/forum/201501/09/135516s99ll77cl5p86p0o.jpg',
  43.       trigger: function (res) {
  44.         alert('用户点击分享到朋友圈');
  45.       },
  46.       success: function (res) {
  47.         alert('已分享');
  48.       },
  49.       cancel: function (res) {
  50.         alert('已取消');
  51.       },
  52.       fail: function (res) {
  53.         alert(JSON.stringify(res));
  54.       }
  55.     });
  56.     alert('已注册获取“分享到朋友圈”状态事件');
  57.   };

  58.   // 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口
  59.   document.querySelector('#onMenuShareQQ').onclick = function () {
  60.     wx.onMenuShareQQ({
  61.       title: '移动互联网交流学习',
  62.       desc: '在长大的过程中,我才慢慢发现,我身边的所有事,别人跟我说的所有事,那些所谓本来如此,注定如此的事,它们其实没有非得如此,事情是可以改变的。更重要的是,有些事既然错了,那就该做出改变。',
  63.       link: 'http://bbs.weiwangvip.com/',
  64.       imgUrl: 'http://bbs.weiwangvip.com/data/attachment/forum/201501/09/135516s99ll77cl5p86p0o.jpg',
  65.       trigger: function (res) {
  66.         alert('用户点击分享到QQ');
  67.       },
  68.       complete: function (res) {
  69.         alert(JSON.stringify(res));
  70.       },
  71.       success: function (res) {
  72.         alert('已分享');
  73.       },
  74.       cancel: function (res) {
  75.         alert('已取消');
  76.       },
  77.       fail: function (res) {
  78.         alert(JSON.stringify(res));
  79.       }
  80.     });
  81.     alert('已注册获取“分享到 QQ”状态事件');
  82.   };
  83.   
  84.   // 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口
  85.   document.querySelector('#onMenuShareWeibo').onclick = function () {
  86.     wx.onMenuShareWeibo({
  87.       title: '移动互联网交流学习',
  88.       desc: '在长大的过程中,我才慢慢发现,我身边的所有事,别人跟我说的所有事,那些所谓本来如此,注定如此的事,它们其实没有非得如此,事情是可以改变的。更重要的是,有些事既然错了,那就该做出改变。',
  89.       link: 'http://bbs.weiwangvip.com/',
  90.       imgUrl: 'http://bbs.weiwangvip.com/data/attachment/forum/201501/09/135516s99ll77cl5p86p0o.jpg',
  91.       trigger: function (res) {
  92.         alert('用户点击分享到微博');
  93.       },
  94.       complete: function (res) {
  95.         alert(JSON.stringify(res));
  96.       },
  97.       success: function (res) {
  98.         alert('已分享');
  99.       },
  100.       cancel: function (res) {
  101.         alert('已取消');
  102.       },
  103.       fail: function (res) {
  104.         alert(JSON.stringify(res));
  105.       }
  106.     });
  107.     alert('已注册获取“分享到微博”状态事件');
  108.   };


  109.   // 3 智能接口
  110.   var voice = {
  111.     localId: '',
  112.     serverId: ''
  113.   };
  114.   // 3.1 识别音频并返回识别结果
  115.   document.querySelector('#translateVoice').onclick = function () {
  116.     if (voice.localId == '') {
  117.       alert('请先使用 startRecord 接口录制一段声音');
  118.       return;
  119.     }
  120.     wx.translateVoice({
  121.       localId: voice.localId,
  122.       complete: function (res) {
  123.         if (res.hasOwnProperty('translateResult')) {
  124.           alert('识别结果:' + res.translateResult);
  125.         } else {
  126.           alert('无法识别');
  127.         }
  128.       }
  129.     });
  130.   };

  131.   // 4 音频接口
  132.   // 4.2 开始录音
  133.   document.querySelector('#startRecord').onclick = function () {
  134.     wx.startRecord({
  135.       cancel: function () {
  136.         alert('用户拒绝授权录音');
  137.       }
  138.     });
  139.   };

  140.   // 4.3 停止录音
  141.   document.querySelector('#stopRecord').onclick = function () {
  142.     wx.stopRecord({
  143.       success: function (res) {
  144.         voice.localId = res.localId;
  145.       },
  146.       fail: function (res) {
  147.         alert(JSON.stringify(res));
  148.       }
  149.     });
  150.   };

  151.   // 4.4 监听录音自动停止
  152.   wx.onVoiceRecordEnd({
  153.     complete: function (res) {
  154.       voice.localId = res.localId;
  155.       alert('录音时间已超过一分钟');
  156.     }
  157.   });

  158.   // 4.5 播放音频
  159.   document.querySelector('#playVoice').onclick = function () {
  160.     if (voice.localId == '') {
  161.       alert('请先使用 startRecord 接口录制一段声音');
  162.       return;
  163.     }
  164.     wx.playVoice({
  165.       localId: voice.localId
  166.     });
  167.   };

  168.   // 4.6 暂停播放音频
  169.   document.querySelector('#pauseVoice').onclick = function () {
  170.     wx.pauseVoice({
  171.       localId: voice.localId
  172.     });
  173.   };

  174.   // 4.7 停止播放音频
  175.   document.querySelector('#stopVoice').onclick = function () {
  176.     wx.stopVoice({
  177.       localId: voice.localId
  178.     });
  179.   };

  180.   // 4.8 监听录音播放停止
  181.   wx.onVoicePlayEnd({
  182.     complete: function (res) {
  183.       alert('录音(' + res.localId + ')播放结束');
  184.     }
  185.   });

  186.   // 4.8 上传语音
  187.   document.querySelector('#uploadVoice').onclick = function () {
  188.     if (voice.localId == '') {
  189.       alert('请先使用 startRecord 接口录制一段声音');
  190.       return;
  191.     }
  192.     wx.uploadVoice({
  193.       localId: voice.localId,
  194.       success: function (res) {
  195.         alert('上传语音成功,serverId 为' + res.serverId);
  196.         voice.serverId = res.serverId;
  197.       }
  198.     });
  199.   };

  200.   // 4.9 下载语音
  201.   document.querySelector('#downloadVoice').onclick = function () {
  202.     if (voice.serverId == '') {
  203.       alert('请先使用 uploadVoice 上传声音');
  204.       return;
  205.     }
  206.     wx.downloadVoice({
  207.       serverId: voice.serverId,
  208.       success: function (res) {
  209.         alert('下载语音成功,localId 为' + res.localId);
  210.         voice.localId = res.localId;
  211.       }
  212.     });
  213.   };

  214.   // 5 图片接口
  215.   // 5.1 拍照、本地选图
  216.   var images = {
  217.     localId: [],
  218.     serverId: []
  219.   };
  220.   document.querySelector('#chooseImage').onclick = function () {
  221.     wx.chooseImage({
  222.       success: function (res) {
  223.         images.localId = res.localIds;
  224.         alert('已选择 ' + res.localIds.length + ' 张图片');
  225.       }
  226.     });
  227.   };

  228.   // 5.2 图片预览
  229.   document.querySelector('#previewImage').onclick = function () {
  230.     wx.previewImage({
  231.       current: 'http://img5.douban.com/view/photo/photo/public/p1353993776.jpg',
  232.       urls: [
  233.         'http://img3.douban.com/view/photo/photo/public/p2152117150.jpg',
  234.         'http://img5.douban.com/view/photo/photo/public/p1353993776.jpg',
  235.         'http://img3.douban.com/view/photo/photo/public/p2152134700.jpg'
  236.       ]
  237.     });
  238.   };

  239.   // 5.3 上传图片
  240.   document.querySelector('#uploadImage').onclick = function () {
  241.     if (images.localId.length == 0) {
  242.       alert('请先使用 chooseImage 接口选择图片');
  243.       return;
  244.     }
  245.     var i = 0, length = images.localId.length;
  246.     images.serverId = [];
  247.     function upload() {
  248.       wx.uploadImage({
  249.         localId: images.localId[i],
  250.         success: function (res) {
  251.           i++;
  252.           alert('已上传:' + i + '/' + length);
  253.           images.serverId.push(res.serverId);
  254.           if (i < length) {
  255.             upload();
  256.           }
  257.         },
  258.         fail: function (res) {
  259.           alert(JSON.stringify(res));
  260.         }
  261.       });
  262.     }
  263.     upload();
  264.   };

  265.   // 5.4 下载图片
  266.   document.querySelector('#downloadImage').onclick = function () {
  267.     if (images.serverId.length === 0) {
  268.       alert('请先使用 uploadImage 上传图片');
  269.       return;
  270.     }
  271.     var i = 0, length = images.serverId.length;
  272.     images.localId = [];
  273.     function download() {
  274.       wx.downloadImage({
  275.         serverId: images.serverId[i],
  276.         success: function (res) {
  277.           i++;
  278.           alert('已下载:' + i + '/' + length);
  279.           images.localId.push(res.localId);
  280.           if (i < length) {
  281.             download();
  282.           }
  283.         }
  284.       });
  285.     }
  286.     download();
  287.   };

  288.   // 6 设备信息接口
  289.   // 6.1 获取当前网络状态
  290.   document.querySelector('#getNetworkType').onclick = function () {
  291.     wx.getNetworkType({
  292.       success: function (res) {
  293.         alert(res.networkType);
  294.       },
  295.       fail: function (res) {
  296.         alert(JSON.stringify(res));
  297.       }
  298.     });
  299.   };

  300.   // 8 界面操作接口
  301.   // 8.1 隐藏右上角菜单
  302.   document.querySelector('#hideOptionMenu').onclick = function () {
  303.     wx.hideOptionMenu();
  304.   };

  305.   // 8.2 显示右上角菜单
  306.   document.querySelector('#showOptionMenu').onclick = function () {
  307.     wx.showOptionMenu();
  308.   };

  309.   // 8.3 批量隐藏菜单项
  310.   document.querySelector('#hideMenuItems').onclick = function () {
  311.     wx.hideMenuItems({
  312.       menuList: [
  313.         'menuItem:readMode', // 阅读模式
  314.         'menuItem:share:timeline', // 分享到朋友圈
  315.         'menuItem:copyUrl' // 复制链接
  316.       ],
  317.       success: function (res) {
  318.         alert('已隐藏“阅读模式”,“分享到朋友圈”,“复制链接”等按钮');
  319.       },
  320.       fail: function (res) {
  321.         alert(JSON.stringify(res));
  322.       }
  323.     });
  324.   };

  325.   // 8.4 批量显示菜单项
  326.   document.querySelector('#showMenuItems').onclick = function () {
  327.     wx.showMenuItems({
  328.       menuList: [
  329.         'menuItem:readMode', // 阅读模式
  330.         'menuItem:share:timeline', // 分享到朋友圈
  331.         'menuItem:copyUrl' // 复制链接
  332.       ],
  333.       success: function (res) {
  334.         alert('已显示“阅读模式”,“分享到朋友圈”,“复制链接”等按钮');
  335.       },
  336.       fail: function (res) {
  337.         alert(JSON.stringify(res));
  338.       }
  339.     });
  340.   };

  341.   // 8.5 隐藏所有非基本菜单项
  342.   document.querySelector('#hideAllNonBaseMenuItem').onclick = function () {
  343.     wx.hideAllNonBaseMenuItem({
  344.       success: function () {
  345.         alert('已隐藏所有非基本菜单项');
  346.       }
  347.     });
  348.   };

  349.   // 8.6 显示所有被隐藏的非基本菜单项
  350.   document.querySelector('#showAllNonBaseMenuItem').onclick = function () {
  351.     wx.showAllNonBaseMenuItem({
  352.       success: function () {
  353.         alert('已显示所有非基本菜单项');
  354.       }
  355.     });
  356.   };

  357.   // 8.7 关闭当前窗口
  358.   document.querySelector('#closeWindow').onclick = function () {
  359.     wx.closeWindow();
  360.   };

  361.   // 9 微信原生接口
  362.   // 9.1.1 扫描二维码并返回结果
  363.   document.querySelector('#scanQRCode0').onclick = function () {
  364.     wx.scanQRCode({
  365.       desc: 'scanQRCode desc'
  366.     });
  367.   };
  368.   // 9.1.2 扫描二维码并返回结果
  369.   document.querySelector('#scanQRCode1').onclick = function () {
  370.     wx.scanQRCode({
  371.       needResult: 1,
  372.       desc: 'scanQRCode desc',
  373.       success: function (res) {
  374.         alert(JSON.stringify(res));
  375.       }
  376.     });
  377.   };

  378.   // 10 微信支付接口
  379.   // 10.1 发起一个支付请求
  380.   document.querySelector('#chooseWXPay').onclick = function () {
  381.     wx.chooseWXPay({
  382.       timestamp: 1414723227,
  383.       nonceStr: 'noncestr',
  384.       package: 'addition=action_id%3dgaby1234%26limit_pay%3d&bank_type=WX&body=innertest&fee_type=1&input_charset=GBK¬ify_url=http%3A%2F%2F120.204.206.246%2Fcgi-bin%2Fmmsupport-bin%2Fnotifypay&out_trade_no=1414723227818375338&partner=1900000109&spbill_create_ip=127.0.0.1&total_fee=1&sign=432B647FE95C7BF73BCD177CEECBEF8D',
  385.       paySign: 'bd5b1933cda6e9548862944836a9b52e8c9a2b69'
  386.     });
  387.   };

  388.   // 11.3  跳转微信商品页
  389.   document.querySelector('#openProductSpecificView').onclick = function () {
  390.     wx.openProductSpecificView({
  391.       productId: 'pDF3iY0ptap-mIIPYnsM5n8VtCR0'
  392.     });
  393.   };

  394.   // 12 微信卡券接口
  395.   // 12.1 添加卡券
  396.   document.querySelector('#addCard').onclick = function () {
  397.     wx.addCard({
  398.       cardList: [
  399.         {
  400.           cardId: 'pDF3iY9tv9zCGCj4jTXFOo1DxHdo',
  401.           cardExt: '{"code": "", "openid": "", "timestamp": "1418301401", "signature":"64e6a7cc85c6e84b726f2d1cbef1b36e9b0f9750"}'
  402.         },
  403.         {
  404.           cardId: 'pDF3iY9tv9zCGCj4jTXFOo1DxHdo',
  405.           cardExt: '{"code": "", "openid": "", "timestamp": "1418301401", "signature":"64e6a7cc85c6e84b726f2d1cbef1b36e9b0f9750"}'
  406.         }
  407.       ],
  408.       success: function (res) {
  409.         alert('已添加卡券:' + JSON.stringify(res.cardList));
  410.       }
  411.     });
  412.   };

  413.   // 12.2 选择卡券
  414.   document.querySelector('#chooseCard').onclick = function () {
  415.     wx.chooseCard({
  416.       cardSign: '97e9c5e58aab3bdf6fd6150e599d7e5806e5cb91',
  417.       timestamp: 1417504553,
  418.       nonceStr: 'k0hGdSXKZEj3Min5',
  419.       success: function (res) {
  420.         alert('已选择卡券:' + JSON.stringify(res.cardList));
  421.       }
  422.     });
  423.   };

  424.   // 12.3 查看卡券
  425.   document.querySelector('#openCard').onclick = function () {
  426.     alert('您没有该公众号的卡券无法打开卡券。');
  427.     wx.openCard({
  428.       cardList: [
  429.       ]
  430.     });
  431.   };

  432.   var shareData = {
  433.     title: '方倍工作室 微信JS-SDK DEMO',
  434.     desc: '微信JS-SDK,帮助第三方为用户提供更优质的移动web服务',
  435.     link: 'http://www.cnblogs.com/txw1958/',
  436.     imgUrl: 'http://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRt8Qia4lv7k3M9J1SKqKCImxJCt7j9rHYicKDI45jRPBxdzdyREWnk0ia0N5TMnMfth7SdxtzMvVgXg/0'
  437.   };
  438.   wx.onMenuShareAppMessage(shareData);
  439.   wx.onMenuShareTimeline(shareData);
  440. });

  441. wx.error(function (res) {
  442.   alert(res.errMsg);
  443. });
复制代码
二、HTML调用
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title>微信JS-SDK Demo</title>
  6.   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
  7.   <link rel="stylesheet" href="http://demo.open.weixin.qq.com/jssdk/css/style.css?ts=1420774989">
  8. </head>
  9. <body ontouchstart="">
  10. <div class="wxapi_container">
  11.     <div class="wxapi_index_container">
  12.       <ul class="label_box lbox_close wxapi_index_list">
  13.         <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-basic">基础接口</a></li>
  14.         <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-share">分享接口</a></li>
  15.         <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-image">图像接口</a></li>
  16.         <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-voice">音频接口</a></li>
  17.         <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-smart">智能接口</a></li>
  18.         <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-device">设备信息接口</a></li>
  19.         <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-location">地理位置接口</a></li>
  20.         <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-webview">界面操作接口</a></li>
  21.         <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-scan">微信扫一扫接口</a></li>
  22.         <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-shopping">微信小店接口</a></li>
  23.         <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-card">微信卡券接口</a></li>
  24.         <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-pay">微信支付接口</a></li>
  25.       </ul>
  26.     </div>
  27.     <div class="lbox_close wxapi_form">
  28.       <h3 id="menu-basic">基础接口</h3>
  29.       <span class="desc">判断当前客户端是否支持指定JS接口</span>
  30.       <button class="btn btn_primary" id="checkJsApi">checkJsApi</button>

  31.       <h3 id="menu-share">分享接口</h3>
  32.       <span class="desc">获取“分享到朋友圈”按钮点击状态及自定义分享内容接口</span>
  33.       <button class="btn btn_primary" id="onMenuShareTimeline">onMenuShareTimeline</button>
  34.       <span class="desc">获取“分享给朋友”按钮点击状态及自定义分享内容接口</span>
  35.       <button class="btn btn_primary" id="onMenuShareAppMessage">onMenuShareAppMessage</button>
  36.       <span class="desc">获取“分享到QQ”按钮点击状态及自定义分享内容接口</span>
  37.       <button class="btn btn_primary" id="onMenuShareQQ">onMenuShareQQ</button>
  38.       <span class="desc">获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口</span>
  39.       <button class="btn btn_primary" id="onMenuShareWeibo">onMenuShareWeibo</button>

  40.       <h3 id="menu-image">图像接口</h3>
  41.       <span class="desc">拍照或从手机相册中选图接口</span>
  42.       <button class="btn btn_primary" id="chooseImage">chooseImage</button>
  43.       <span class="desc">预览图片接口</span>
  44.       <button class="btn btn_primary" id="previewImage">previewImage</button>
  45.       <span class="desc">上传图片接口</span>
  46.       <button class="btn btn_primary" id="uploadImage">uploadImage</button>
  47.       <span class="desc">下载图片接口</span>
  48.       <button class="btn btn_primary" id="downloadImage">downloadImage</button>

  49.       <h3 id="menu-voice">音频接口</h3>
  50.       <span class="desc">开始录音接口</span>
  51.       <button class="btn btn_primary" id="startRecord">startRecord</button>
  52.       <span class="desc">停止录音接口</span>
  53.       <button class="btn btn_primary" id="stopRecord">stopRecord</button>
  54.       <span class="desc">播放语音接口</span>
  55.       <button class="btn btn_primary" id="playVoice">playVoice</button>
  56.       <span class="desc">暂停播放接口</span>
  57.       <button class="btn btn_primary" id="pauseVoice">pauseVoice</button>
  58.       <span class="desc">停止播放接口</span>
  59.       <button class="btn btn_primary" id="stopVoice">stopVoice</button>
  60.       <span class="desc">上传语音接口</span>
  61.       <button class="btn btn_primary" id="uploadVoice">uploadVoice</button>
  62.       <span class="desc">下载语音接口</span>
  63.       <button class="btn btn_primary" id="downloadVoice">downloadVoice</button>

  64.       <h3 id="menu-smart">智能接口</h3>
  65.       <span class="desc">识别音频并返回识别结果接口</span>
  66.       <button class="btn btn_primary" id="translateVoice">translateVoice</button>

  67.       <h3 id="menu-device">设备信息接口</h3>
  68.       <span class="desc">获取网络状态接口</span>
  69.       <button class="btn btn_primary" id="getNetworkType">getNetworkType</button>

  70.       <h3 id="menu-location">地理位置接口</h3>
  71.       <span class="desc">使用微信内置地图查看位置接口</span>
  72.       <button class="btn btn_primary" id="openLocation">openLocation</button>
  73.       <span class="desc">获取地理位置接口</span>
  74.       <button class="btn btn_primary" id="getLocation">getLocation</button>

  75.       <h3 id="menu-webview">界面操作接口</h3>
  76.       <span class="desc">隐藏右上角菜单接口</span>
  77.       <button class="btn btn_primary" id="hideOptionMenu">hideOptionMenu</button>
  78.       <span class="desc">显示右上角菜单接口</span>
  79.       <button class="btn btn_primary" id="showOptionMenu">showOptionMenu</button>
  80.       <span class="desc">关闭当前网页窗口接口</span>
  81.       <button class="btn btn_primary" id="closeWindow">closeWindow</button>
  82.       <span class="desc">批量隐藏功能按钮接口</span>
  83.       <button class="btn btn_primary" id="hideMenuItems">hideMenuItems</button>
  84.       <span class="desc">批量显示功能按钮接口</span>
  85.       <button class="btn btn_primary" id="showMenuItems">showMenuItems</button>
  86.       <span class="desc">隐藏所有非基础按钮接口</span>
  87.       <button class="btn btn_primary" id="hideAllNonBaseMenuItem">hideAllNonBaseMenuItem</button>
  88.       <span class="desc">显示所有功能按钮接口</span>
  89.       <button class="btn btn_primary" id="showAllNonBaseMenuItem">showAllNonBaseMenuItem</button>

  90.       <h3 id="menu-scan">微信扫一扫</h3>
  91.       <span class="desc">调起微信扫一扫接口</span>
  92.       <button class="btn btn_primary" id="scanQRCode0">scanQRCode(微信处理结果)</button>
  93.       <button class="btn btn_primary" id="scanQRCode1">scanQRCode(直接返回结果)</button>

  94.       <h3 id="menu-shopping">微信小店接口</h3>
  95.       <span class="desc">跳转微信商品页接口</span>
  96.       <button class="btn btn_primary" id="openProductSpecificView">openProductSpecificView</button>

  97.       <h3 id="menu-card">微信卡券接口</h3>
  98.       <span class="desc">批量添加卡券接口</span>
  99.       <button class="btn btn_primary" id="addCard">addCard</button>
  100.       <span class="desc">调起适用于门店的卡券列表并获取用户选择列表</span>
  101.       <button class="btn btn_primary" id="chooseCard">chooseCard</button>
  102.       <span class="desc">查看微信卡包中的卡券接口</span>
  103.       <button class="btn btn_primary" id="openCard">openCard</button>

  104.       <h3 id="menu-pay">微信支付接口</h3>
  105.       <span class="desc">发起一个微信支付请求</span>
  106.       <button class="btn btn_primary" id="chooseWXPay">chooseWXPay</button>
  107.     </div>
  108.   </div>
  109. </body>
  110. <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"> </script>
  111. <script>
  112.   wx.config({
  113.       debug: false,
  114.       appId: 'wxf8b4f85f3a794e77',
  115.       timestamp: 1420774989,
  116.       nonceStr: '2nDgiWM7gCxhL8v0',
  117.       signature: '1f8a6552c1c99991fc8bb4e2a818fe54b2ce7687',
  118.       jsApiList: [
  119.         'checkJsApi',
  120.         'onMenuShareTimeline',
  121.         'onMenuShareAppMessage',
  122.         'onMenuShareQQ',
  123.         'onMenuShareWeibo',
  124.         'hideMenuItems',
  125.         'showMenuItems',
  126.         'hideAllNonBaseMenuItem',
  127.         'showAllNonBaseMenuItem',
  128.         'translateVoice',
  129.         'startRecord',
  130.         'stopRecord',
  131.         'onRecordEnd',
  132.         'playVoice',
  133.         'pauseVoice',
  134.         'stopVoice',
  135.         'uploadVoice',
  136.         'downloadVoice',
  137.         'chooseImage',
  138.         'previewImage',
  139.         'uploadImage',
  140.         'downloadImage',
  141.         'getNetworkType',
  142.         'openLocation',
  143.         'getLocation',
  144.         'hideOptionMenu',
  145.         'showOptionMenu',
  146.         'closeWindow',
  147.         'scanQRCode',
  148.         'chooseWXPay',
  149.         'openProductSpecificView',
  150.         'addCard',
  151.         'chooseCard',
  152.         'openCard'
  153.       ]
  154.   });
  155. </script>
  156. <script src="http://demo.open.weixin.qq.com/jssdk/js/api-6.1.js?ts=1420774989"> </script>
  157. </html>
复制代码



作者: weiwangadmin    时间: 2016-10-14 23:00
相关推荐
    ☆【独家】无需备案域名和认证公众号调用微信分享JS-SDK代码
1、微信分享到朋友圈后可见详细内容页面,怎么设置?
2、微信公众账号订阅号和服务号的区别?
3、微信公众平台怎么弄抽奖活动?
4、运营微信公众账号的几个方向
5、【微信吸粉秘籍】微信投票应该是迄今为止吸粉最快的工具!





欢迎光临 微信论坛 (https://bbs.weiwangvip.com/) Powered by Discuz! X3.2