微信JS SDK Demo (下)

接上一篇代码

 // 7 地理位置接口  // 7.1 查看地理位置  document.querySelector(‘#openLocation‘).onclick = function () {    wx.openLocation({      latitude: 23.099994,      longitude: 113.324520,      name: ‘TIT 创意园‘,      address: ‘广州市海珠区新港中路 397 号‘,      scale: 14,      infoUrl: ‘http://weixin.qq.com‘    });  };  // 7.2 获取当前地理位置  document.querySelector(‘#getLocation‘).onclick = function () {    wx.getLocation({      success: function (res) {        alert(JSON.stringify(res));      },      cancel: function (res) {        alert(‘用户拒绝授权获取地理位置‘);      }    });  };  // 8 界面操作接口  // 8.1 隐藏右上角菜单  document.querySelector(‘#hideOptionMenu‘).onclick = function () {    wx.hideOptionMenu();  };  // 8.2 显示右上角菜单  document.querySelector(‘#showOptionMenu‘).onclick = function () {    wx.showOptionMenu();  };  // 8.3 批量隐藏菜单项  document.querySelector(‘#hideMenuItems‘).onclick = function () {    wx.hideMenuItems({      menuList: [        ‘menuItem:readMode‘, // 阅读模式        ‘menuItem:share:timeline‘, // 分享到朋友圈        ‘menuItem:copyUrl‘ // 复制链接      ],      success: function (res) {        alert(‘已隐藏“阅读模式”,“分享到朋友圈”,“复制链接”等按钮‘);      },      fail: function (res) {        alert(JSON.stringify(res));      }    });  };  // 8.4 批量显示菜单项  document.querySelector(‘#showMenuItems‘).onclick = function () {    wx.showMenuItems({      menuList: [        ‘menuItem:readMode‘, // 阅读模式        ‘menuItem:share:timeline‘, // 分享到朋友圈        ‘menuItem:copyUrl‘ // 复制链接      ],      success: function (res) {        alert(‘已显示“阅读模式”,“分享到朋友圈”,“复制链接”等按钮‘);      },      fail: function (res) {        alert(JSON.stringify(res));      }    });  };  // 8.5 隐藏所有非基本菜单项  document.querySelector(‘#hideAllNonBaseMenuItem‘).onclick = function () {    wx.hideAllNonBaseMenuItem({      success: function () {        alert(‘已隐藏所有非基本菜单项‘);      }    });  };  // 8.6 显示所有被隐藏的非基本菜单项  document.querySelector(‘#showAllNonBaseMenuItem‘).onclick = function () {    wx.showAllNonBaseMenuItem({      success: function () {        alert(‘已显示所有非基本菜单项‘);      }    });  };  // 8.7 关闭当前窗口  document.querySelector(‘#closeWindow‘).onclick = function () {    wx.closeWindow();  };  // 9 微信原生接口  // 9.1.1 扫描二维码并返回结果  document.querySelector(‘#scanQRCode0‘).onclick = function () {    wx.scanQRCode();  };  // 9.1.2 扫描二维码并返回结果  document.querySelector(‘#scanQRCode1‘).onclick = function () {    wx.scanQRCode({      needResult: 1,      desc: ‘scanQRCode desc‘,      success: function (res) {        alert(JSON.stringify(res));      }    });  };  // 10 微信支付接口  // 10.1 发起一个支付请求  document.querySelector(‘#chooseWXPay‘).onclick = function () {    // 注意:此 Demo 使用 2.7 版本支付接口实现,建议使用此接口时参考微信支付相关最新文档。    wx.chooseWXPay({      timestamp: 1414723227,      nonceStr: ‘noncestr‘,      package: ‘addition=action_id%3dgaby1234%26limit_pay%3d&bank_type=WX&body=innertest&fee_type=1&input_charset=GBK&notify_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‘,      signType: ‘SHA1‘, // 注意:新版支付接口使用 MD5 加密      paySign: ‘bd5b1933cda6e9548862944836a9b52e8c9a2b69‘    });  };  // 11.3  跳转微信商品页  document.querySelector(‘#openProductSpecificView‘).onclick = function () {    wx.openProductSpecificView({      productId: ‘pDF3iY_m2M7EQ5EKKKWd95kAxfNw‘    });  };  // 12 微信卡券接口  // 12.1 添加卡券  document.querySelector(‘#addCard‘).onclick = function () {    wx.addCard({      cardList: [        {          cardId: ‘pDF3iY9tv9zCGCj4jTXFOo1DxHdo‘,          cardExt: ‘{"code": "", "openid": "", "timestamp": "1418301401", "signature":"64e6a7cc85c6e84b726f2d1cbef1b36e9b0f9750"}‘        },        {          cardId: ‘pDF3iY9tv9zCGCj4jTXFOo1DxHdo‘,          cardExt: ‘{"code": "", "openid": "", "timestamp": "1418301401", "signature":"64e6a7cc85c6e84b726f2d1cbef1b36e9b0f9750"}‘        }      ],      success: function (res) {        alert(‘已添加卡券:‘ + JSON.stringify(res.cardList));      }    });  };  // 12.2 选择卡券  document.querySelector(‘#chooseCard‘).onclick = function () {    wx.chooseCard({      cardSign: ‘97e9c5e58aab3bdf6fd6150e599d7e5806e5cb91‘,      timestamp: 1417504553,      nonceStr: ‘k0hGdSXKZEj3Min5‘,      success: function (res) {        alert(‘已选择卡券:‘ + JSON.stringify(res.cardList));      }    });  };  // 12.3 查看卡券  document.querySelector(‘#openCard‘).onclick = function () {    alert(‘您没有该公众号的卡券无法打开卡券。‘);    wx.openCard({      cardList: [      ]    });  };  var shareData = {    title: ‘微信JS-SDK Demo‘,    desc: ‘微信JS-SDK,帮助第三方为用户提供更优质的移动web服务‘,    link: ‘http://demo.open.weixin.qq.com/jssdk/‘,    imgUrl: ‘http://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRt8Qia4lv7k3M9J1SKqKCImxJCt7j9rHYicKDI45jRPBxdzdyREWnk0ia0N5TMnMfth7SdxtzMvVgXg/0‘  };  wx.onMenuShareAppMessage(shareData);  wx.onMenuShareTimeline(shareData);});wx.error(function (res) {  alert(res.errMsg);});

测试网址http://demo.open.weixin.qq.com/jssdk/ 在微信打开测试

公众号开发文档 http://mp.weixin.qq.com/wiki/home/index.html

微信JS SDK Demo (下)

相关文章