微信小程序获取用户openId、手机号

对于第一次实现小程序获取用户手机号、用户信息功能的程序猿来说，有一个着手的思路可以事半功倍。本文可以给你提供这个思路，助你快速准确完成需求。

调用wx.login，在成功回调中，拿自己小程序的appId、secret请求接口 url: ' https://api.weixin.qq.com/sns/jscode2session?appid=' + appId + '&secret=' + secret + '&js_code=' +code + '&grant_type=authorization_code',请求成功即可拿到openid和session-key

小程序的appId必须要在微信公众平台完成微信认证（里面需要上传一些企业的一些证件和信息）才能有获取用户手机号的权限

最后拿用户的获取到的e.detail.iv、和e.detail.encryptedData（加密的手机号）和前面拿到过的session-key传给后台，交给后台解密即可

具体解密规则参考官方文档：( https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html )

微信小程序获取用户信息的接口确实已经被封了，因此现在需要使用微信登录的方式进行用户身份验证和获取用户信息。在小程序中首先通过wx.login()接口获取用户登录凭证code，然后在小程序后台配置开发者服务器地址和域名，在开发者服务器端使用code请求微信服务器获取openid和session_key等信息。之后就可以得到openid等用户信息并存储到开发者服务器端进行相关业务逻辑处理。同时需要注意需要在小程序中进行用户授权，以获取用户允许授权后的信息。

1、<open-data></open-data>：只是简单的获取头像、用户名用于显示

其中，type="userAvatarUrl"是获取用户头像，type="userNickName"是获取用户昵称，具体使用详情查看 小程序开发文档 ,此方法仅用于直接简单的展示用户信息。

2、使用 <button open-type="getUserInfo">获取用户信息

在用户未授权过的情况下调用此接口，将不再出现授权d窗，会直接进入 fail 回调。

在用户已授权的情况下调用此接口，可成功获取用户信息。

1、在项目首页直接调用getUserInfo方法，若从未授权过，跳转到授权页面引导用户手动授权

需注意： bindgetuserinfo="onGetUserInfo"

用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与wx.getUserInfo返回的一致，open-type="getUserInfo"时有效。

所以，不再需要写设置页提示框以及对应的设置页面，好方便啊！！！

---