微信小程序获取微信运动步数的实例代码


Posted in Javascript onJuly 20, 2017

现在运动计步很火,无论是蚂蚁森林,还是微信上都很火爆,本文介绍了微信小程序微信运动步数的实例代码,分享给大家

微信小程序API-微信运动
https://mp.weixin.qq.com/debug/wxadoc/dev/api/we-run.html#wxgetwerundataobject

思路:wx.login获取的code请求获取的session_key,wx.getWeRunData获取的iv,encryptData,将它们一起发送到后台解密就行了。

安全顾虑,因为只是示例所以直接传递session_key了,为了安全最好按照下图的方式加密后存储到Redis中再传递key。

微信小程序获取微信运动步数的实例代码

小程序端代码

get3rdSession: function () {
  let that = this
  wx.request({
   url: 'https://localhost/login.php',
   data: {
    code: this.data.code
   },
   method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
   success: function (res) {
    var sessionId = res.data;
    that.setData({ sessionId: sessionId })
    wx.setStorageSync('sessionId', sessionId)
    that.decodeUserInfo()
   }
  })
 },
 decodeUserInfo: function () {
  let that = this
  wx.request({
   url: 'https://localhost/decrypt.php',
   data: {
    encryptedData: that.data.encryptedData,
    iv: that.data.iv,
    session: wx.getStorageSync('sessionId')
   },
   method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
   // header: {}, // 设置请求的 header
   success: function (res) {
    let todayStep = res.data.stepInfoList.pop()
    that.setData({
     step: todayStep.step
    });
   }
  })
 },
 onLoad: function () {
  let that = this
  wx.login({
   success: function (res) {
    let code = res.code
    that.setData({ code: code })
    wx.getWeRunData({//解密微信运动
     success(res) {
      const wRunEncryptedData = res.encryptedData
      that.setData({ encryptedData: wRunEncryptedData })
      that.setData({ iv: res.iv })
      that.get3rdSession()//解密请求函数
     }
    })
   }
  })
 }

后台这使用的是官方PHP版本Demo:先处理login的请求,login.php直接返回session_key,然后再一起请求decrypt.php进行解密。

login.php部分代码

$appid = '你的appid';
$appsecret = '你的appsecret';

$url = 'https://api.weixin.qq.com/sns/jscode2session?appid='.$appid.'&secret='.$appsecret.'&js_code='.$_GET['code'].'&grant_type=authorization_code';

$content = file_get_contents($url);
$content = json_decode($content);
echo $content->session_key;

decrypt.php部分代码

$pc = new WXBizDataCrypt($appid, $sessionKey);
$errCode = $pc->decryptData($encryptedData, $iv, $data );

if ($errCode == 0) {
  print($data . "\n");
} else {
  print($errCode . "\n");
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 学习笔记(三)
Dec 29 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
Jul 21 Javascript
jquery实现盒子下拉效果示例代码
Sep 12 Javascript
10条建议帮助你创建更好的jQuery插件
May 18 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
Jan 28 Javascript
Js遍历键值对形式对象或Map形式的方法
Aug 08 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
Nov 07 Javascript
详解vue数据渲染出现闪烁问题
Jun 29 Javascript
ES6中的rest参数与扩展运算符详解
Jul 18 Javascript
通过实例了解JS 连续赋值
Sep 24 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
Jan 13 Vue.js
CocosCreator入门教程之网络通信
Apr 16 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 #Javascript
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 #Javascript
如何使用JS在HTML中自定义字符串格式化
Jul 20 #Javascript
详解用webpack把我们的业务模块分开打包的方法
Jul 20 #Javascript
关于webpack代码拆分的解析
Jul 20 #Javascript
webpack学习笔记之代码分割和按需加载的实例详解
Jul 20 #Javascript
node+vue实现用户注册和头像上传的实例代码
Jul 20 #Javascript
You might like
PHP中的traits简单使用实例
2015/05/13 PHP
laravel接管Dingo-api和默认的错误处理方式
2019/10/25 PHP
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
jquery弹出框的用法示例(一)
2013/08/26 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
jQuery给多个不同元素添加class样式的方法
2015/03/26 Javascript
javascript中返回顶部按钮的实现
2015/05/05 Javascript
jQuery插件boxScroll实现图片轮播特效
2015/07/14 Javascript
js实现汉字排序的方法
2015/07/23 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
2015/12/03 Javascript
基于jquery编写的放大镜插件
2016/03/23 Javascript
微信小程序 Record API详解及实例代码
2016/09/30 Javascript
jquery popupDialog 使用 加载jsp页面的方法
2016/10/25 Javascript
详谈innerHTML innerText的使用和区别
2017/08/18 Javascript
JavaScript数据结构之双向链表和双向循环链表的实现
2017/11/28 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
cocos2dx+lua实现橡皮擦功能
2018/12/20 Javascript
JS实现拼图游戏
2021/01/29 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
2019/12/19 Javascript
Python中变量交换的例子
2014/08/25 Python
Python爬虫抓取技术的一些经验
2019/07/12 Python
python 公共方法汇总解析
2019/09/16 Python
python操作toml文件的示例代码
2020/11/27 Python
浅谈基于Canvas的手绘风格图形库Rough.js
2018/03/19 HTML / CSS
斯洛伐克家具和时尚装饰品购物网站:Butlers.sk
2019/09/08 全球购物
专科文秘应届生求职信
2013/11/18 职场文书
工会优秀工作者事迹
2014/08/17 职场文书
预备党员个人总结
2015/02/14 职场文书
党员自我评价范文2015
2015/03/03 职场文书
会计出纳岗位职责
2015/03/31 职场文书
2015年乡镇工会工作总结
2015/05/19 职场文书
Mysql服务添加 iptables防火墙策略的方案
2021/04/29 MySQL
MySQL kill不掉线程的原因
2021/05/07 MySQL
解决Python字典查找报Keyerror的问题
2021/05/26 Python
详解OpenCV曝光融合
2022/04/29 Python
详解Android中的TimePickerView(时间选择器)的用法
2022/04/30 Java/Android