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


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下利用控制器载入对应脚本
Jul 17 Javascript
关于Javascript模块化和命名空间管理的问题说明
Dec 06 Javascript
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
js渐变显示渐变消失示例代码
Aug 01 Javascript
JavaScript的事件绑定(方便不支持js的时候)
Oct 01 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
Apr 06 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
Jan 12 Javascript
JS实现自定义弹窗功能
Aug 08 Javascript
详解Webpack loader 之 file-loader
Nov 07 Javascript
使用Vue CLI创建typescript项目的方法
Aug 09 Javascript
手写Vue弹窗Modal的实现代码
Sep 11 Javascript
JS工厂模式开发实践案例分析
Oct 17 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 在线翻译函数代码
2009/05/07 PHP
php 传值赋值与引用赋值的区别
2010/12/29 PHP
PHP中MVC模式的模板引擎开发经验分享
2011/03/23 PHP
php实现给图片加灰色半透明效果的方法
2014/10/20 PHP
解决yii2左侧菜单子级无法高亮问题的方法
2016/05/08 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
javascript iframe内的函数调用实现方法
2009/07/19 Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
2013/04/11 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
2014/05/13 Javascript
javascript根据时间生成m位随机数最大13位
2014/10/30 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
2020/09/01 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
2016/12/30 Javascript
js判断手机系统是android还是ios
2017/03/07 Javascript
微信小程序实现添加手机联系人功能示例
2017/11/30 Javascript
vue.js前后端数据交互之提交数据操作详解
2018/04/24 Javascript
微信小程序云开发之数据库操作
2019/05/18 Javascript
详解vue高级特性
2020/06/09 Javascript
[00:39]DOTA2上海特级锦标赛 Liquid战队宣传片
2016/03/04 DOTA
Python中的localtime()方法使用详解
2015/05/22 Python
详解python字节码
2018/02/07 Python
python实现读取大文件并逐行写入另外一个文件
2018/04/19 Python
Python 调用PIL库失败的解决方法
2019/01/08 Python
浅析Python与Mongodb数据库之间的操作方法
2019/07/01 Python
python日志模块logbook使用方法
2019/09/19 Python
在python中利用try..except来代替if..else的用法
2019/12/19 Python
浅谈tensorflow中Dataset图片的批量读取及维度的操作详解
2020/01/20 Python
Scrapy 配置动态代理IP的实现
2020/09/28 Python
python将YUV420P文件转PNG图片格式的两种方法
2021/01/22 Python
解决pytorch 的state_dict()拷贝问题
2021/03/03 Python
加拿大女装网上购物:Reitmans
2016/10/20 全球购物
欧洲最大的滑雪假期供应商之一:Sunweb Holidays
2018/01/06 全球购物
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
优秀的2014年两会精神解读
2014/03/17 职场文书
电工实训报告总结
2014/11/05 职场文书
任长霞观后感
2015/06/16 职场文书