<view class="content"><view class="text-area"><!-- open-type="getUserInfo" 代表唤起用户授权窗口 --><!--  @getuserinfo="getUserInfo()"  代表用户同意授权后回调的函数 --><button open-type="getUserInfo" @getuserinfo="getUserInfo()">授权助力</button></view>
</view>

data(){return{userId:"",// 用户IDuserName:"",// 用户名称userSex:""// 用户性别}
},
// 回调函数
getUserInfo(){let _this = this;// uni.getProvider（）获取服务商信息判断手机端是否安装了appuni.getProvider({// oauth  代表授权登录service: 'oauth',success: function (res) {// 登录uni.login({provider: 'weixin',success: res => {// 微信公共平台获取(APPID、APPSecret)// APPIDlet appid = ''// AppSecretlet secret = ''let url = 'https://api.weixin.qq.com/sns/jscode2session?appid=' + appid + '&secret=' + secret + '&js_code=' +res.code + '&grant_type=authorization_code';uni.request({url: url, // 请求路径success: result => {// 获取Id(唯一的)_this.userId = result.data.openid;console.log("这是openID:"+_this.userId)uni.getUserInfo({provider: 'weixin',}).then(res => {// 获取用户所有信息console.log(res[1].userInfo);// 获取用户姓名_this.userName = res[1].userInfo.nickName// 获取用户性别gender: 0未知、1男、2女_this.usersex = res[1].userInfo.gender});},});},});},});
}

这样赋值在整个页面都可以调用用户的ID及用户其他的信息了

let _this = this;
// 获取用户openId
_this.userId = result.data.openid;
// 获取用户姓名
_this.userName = res[1].userInfo.nickName
// 获取用户性别gender: 0未知、1男、2女
_this.usersex = res[1].userInfo.gender

uni-app获取微信openid及其他信息相关推荐

uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
如何获取微信openId
获取微信openid openid定义为了识别用户,每个用户针对每个公众号会产生一个安全的OpenID,如果需要在多公众号.移动应用之间做用户共通,则需前往微信开放平台,将这些公众号和应用绑定到一个 ...
微信公众号开发系列-获取微信OpenID
在微信开发时候在做消息接口交互的时候需要使用带微信加密ID(OpenId),下面讲讲述2中类型方式获取微信OpenID,接收事件推送方式和网页授权获取用户基本信息方式获取. 1.通过接收被动消息方式获 ...
微信开放平台获取微信openid和unionid
<?php //官方文档 https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login ...
vue获取微信登陆权限_vue 授权获取微信openId操作
1.获取url中参数code: 根据code 获取openId:调用后台接口获取openId . function getUrlKey(name){//获取url 参数 return decodeUR ...
uniapp云开发云函数获取微信openid
产品类型:目前只有微信小程序. 目标:授权登录,建立用户体系. 框架:uniapp+云开发+云函数. 方案一:通过官方提供的 univerify 插件官方文档:uni一键登录 - uni-app官网 ...
uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
uniApp使用uni.chooseAddress()获取微信收货地址
获取微信收货地址使用uniapp或者原生微信小程序获取微信的收货地址 1.需要在开发平台申请权限在[开发]-[开发管理]-[接口设置]-[获取用户收货地址]–申请该权限,审核通过后方可使用. 2. ...
记录uni.app开发微信小程序中地图的使用,以及项目中的解决办法
标题先讲一下需求:需要获取用户的地址信息以及经纬度,并在地图中展示时出来 uniapp官方也提供了api uni.getLocation(OBJECT) getLocation只能获取用户的经纬度,不 ...
PHP获取微信openid（静默式不需要用户同意）！
业务需求因为需要在用户没有关注公众号的情况下获取用户openid,又不需要用户关注,所以需要静默获取一下用户的openid.前提是你需要在微信内打开. 相关代码以snsapi_base为scope ...

uni-app获取微信openid及其他信息

这样赋值在整个页面都可以调用用户的ID及用户其他的信息了

uni-app获取微信openid及其他信息相关推荐

最新文章

热门文章