uniapp微信小程序获取微信运动步数(保姆级教程)

这篇具有很好参考价值的文章主要介绍了uniapp微信小程序获取微信运动步数(保姆级教程)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、用户点击按钮,在小程序中触发getuserinfo方法,获取用户信息

<u-button type="success" open-type="getUserInfo" @getuserinfo="getStep">去完成</u-button>

2、在uniapp项目中,新建getStep方法,获取获取session_key,用来解密必须用到的

getStep() {
	var that = this;
	wx.login({
		success: function(res) {
			var appid = "wxeeb60e09bc7e8059";
			var secret = "dfadcd1e92a2c35488e340c7e39a63b7";
			if (res.code) {
				wx.request({
					url: 'https://api.weixin.qq.com/sns/jscode2session?appid=' + appid +
						'&secret=' + secret + '&js_code=' + res.code +
						'&grant_type=authorization_code',
					header: {
						'content-type': 'json'
					},
					success: function(res) {
						var session_key = res.data.session_key;
						that.getStepInfo(appid, session_key);
					}
				})
			}
		}
	})
}

3、获取encryptedData和iv,就是一些,微信步数加密后的数据

//获取encryptedData(没有解密的步数)和iv(加密算法的初始向量)
getStepInfo: function(appid, session_key) {
	wx.getSetting({
		success: function(res) {
			console.log(res);
			// 未开启微信运动授权
			if (!res.authSetting['scope.werun']) {
				wx.showModal({
					title: '提示',
					content: '获取微信运动步数,需要开启计步权限',
					success: function(res) {
						if (res.confirm) {
							//跳转去设置
							wx.openSetting({
								success: function(res) {}
							})
						} else {
							//不设置
						}
					}
				})
			} else {
				wx.getWeRunData({
					success: function(res) {
						// console.log(res);
						// console.log("appid:" + appid + "session_key:" + session_key + "encryptedData:" + res.encryptedData + "iv:" + res.iv);
						var encryptedData = res.encryptedData;
						var iv = res.iv;
						var pc = new WXBizDataCrypt(appid, session_key);
						var data = pc.decryptData(encryptedData, iv)
						console.log(data.stepInfoList[30].step)
					},
					fail: function(res) {
						wx.showModal({
							title: '提示',
							content: '开发者未开通微信运动,请关注“微信运动”公众号后重试',
							showCancel: false,
							confirmText: '知道了'
						})
					}
				})
			}
		}
	})
}

4、其中用到了**[开放能力 /用户信息 /开放数据校验与解密]

官方文档
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/signature.html
可以先了解一下,然后下载对应的解密文件
uniapp获取微信步数,uni-app,微信小程序,微信
uniapp获取微信步数,uni-app,微信小程序,微信

找到对应的解密语言版本,老师这里用的uniapp,只能选择node版
uniapp获取微信步数,uni-app,微信小程序,微信
uniapp获取微信步数,uni-app,微信小程序,微信
这里有具体的案例,可以参考一下,直接在代码中导入,在上面的getStepInfo方法中直接实例化,即可直接使用

5、最终可打印出用户近30的微信运动步数数据,需要那一天直接拿出来用就行。

uniapp获取微信步数,uni-app,微信小程序,微信文章来源地址https://www.toymoban.com/news/detail-736462.html

到了这里,关于uniapp微信小程序获取微信运动步数(保姆级教程)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Uniapp实现微信小程序跑步运动轨迹、历史轨迹和轨迹回放等功能

    一、先看效果 【跑跑步】微信小程序 二、实现功能         【跑跑步】是一款基于Uniapp开发的微信小程序,主要实现了跑步轨迹记录、历史轨迹、轨迹纠偏、轨迹回放和轨迹排名等功能。室内跑步记录正在开发,还没有发布,主要利用手机加速度传感器实现计步功能。更多

    2024年02月09日
    浏览(66)
  • 微信、支付宝修改步数【小米运动】

    小米运动是一款流行的健身应用,可以记录用户的步数和运动数据。然而,有些用户希望能够修改步数,以达到一些特定的目的。本文将介绍一个Python脚本,可以帮助用户实现修改小米运动步数的功能。 脚本介绍: 本脚本是一个Python脚本,用于修改小米运动步数。通过模拟

    2024年02月09日
    浏览(53)
  • uniapp 微信小程序实现运动轨迹、行车轨迹、历史轨迹、轨迹回放、不同速度有不同的路线颜色

    先看效果 实现效果: 根据不同速度绘制不同颜色的轨迹 根据终点起点获取地图中心点,尽可能在屏幕内完全展示轨迹 获取最快的路段并显示 自定义点图标 实现步骤: map组件 view标签部分 js部分 points 数据格式 注意:由于小程序会不断更新迭代,源码和体验效果可能有一定

    2024年02月11日
    浏览(89)
  • 最新微信小程序获取头像昵称,直接用,uniapp获取微信小程序头像昵称

    微信小程序获取用户头像和昵称一个开放接口是wx.getUserInfo,2021年4月5日被废弃,原因是很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗,如果用户点击拒绝,无法使用小程序,这种做法打断了用户正常使用小程序的流程,同时也不利于小程序获取新用户,后面新

    2024年02月11日
    浏览(49)
  • uniapp 微信小程序获取当前位置定位不准确问题 uniapp 微信小程序获取当前位置的坐标(经纬度),通过坐标去获取当前具体地址

    点击获取定位-位置授权-显示地址信息 1 2、 3、 以下3处(!!!必需)必须满足 manifest.json(!!!必需)

    2024年02月08日
    浏览(67)
  • uniapp微信小程序获取屏幕宽高

    uniapp开发微信小程序的时候,有时候去调整样式 你需要适配各种手机屏幕,使用,你的样式宽高就不能使用rpx   有的朋友觉得可以使用vw  vh  %   是的,当然可以 但是要让你的元素,宽高,比如50%再去加上20rpx  怎么做 所以这时候就要去获取不同手机页面屏幕的宽高 如何

    2023年04月09日
    浏览(51)
  • 微信小程序入门教程 --(保姆级)

    一、小程序注册 1、首先,到小程序官网注册自己的小程序账号,以下附有地址和教程: 小程序官网 进入这个地址之后,会看到这样的页面,点击立即注册按钮 2、在接下来的页面,选择小程序 3、然后根据提示完成三个注册步骤,(1).填写正确的邮箱和密码格式;(2).进行邮箱

    2023年04月08日
    浏览(45)
  • uniapp中微信小程序获取用户头像昵称

    关于小程序用户头像昵称获取规则调整的公告 意思就是说 从 2022 年 10 月 25 日 24 时后 wx.getUserProfile 获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微信用户” 最新:用户昵称,头像获取规则 onChooseAvatar 方法必须使用 this.avatarUrl = \\\'data:image/jpeg;base64,\\\' + wx.getFileS

    2024年02月13日
    浏览(58)
  • uniapp微信小程序最新登录获取头像、昵称

    由于微信官方wx.getUserProfile 接口的回收,以后不能通过wx.getUserProfile来返回用户信息,只能自己手动获取用户头像和昵称的信息。  针对此问题有以下解决方法: 在点击登录时用一个弹窗设置头像和昵称,如图:  使用button设置open-type=\\\"chooseAvatar\\\"来获取头像,至于button更多的效

    2024年02月11日
    浏览(47)
  • uniapp 微信小程序 获取用户头像和昵称

    自2022年10月25日后,小程序  wx.getUserProfile 接口  被收回,通过 wx.getUserInfo 接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微信用户”。如需获取用户头像昵称,可以手动获取,具体步骤👉「头像昵称填写能力」  ✍GitHub完整代码地址👉: https://github.com/c

    2024年02月08日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包