android微信登录获取微信账号,微信小程序--登录授权,一键获取用户微信手机号并登录...

本文介绍了如何实现微信小程序的授权登录和一键获取微信手机号。通过wx.login()获取临时凭证,换取openid和session_key。用户授权后,利用getUserInfo接口获取用户信息,getPhoneNumber方法获取手机号。在页面加载时检查缓存,已授权则直接进入首页,未授权则展示授权页面。
摘要由CSDN通过智能技术生成

一、前言

微信小程序登录流程时序

a116bd84af58d61b1401a0066c0271b8.png

说明:

小程序调用wx.login() 获取 临时登录凭证code ,并回传到开发者服务器

开发者服务器以code换取 用户唯一标识openid 和 会话密钥session_key。

临时登录凭证code只能使用一次

二、实现思路

自己写一个微信授权登录页面让用户实现点击的功能,也就是实现了通过 button 组件去触发 getUserInfo接口。在用户进入微信小程序的时候,判断用户是否授权了,如果没有授权的话就显示授权页面,让用户去执行授权的操作。如果已经授权了,则直接跳过这个页面,进入首页。获取用户信息

获取手机号也类似:调用getPhoneNumber方法获取手机号

三、直接看效果图

a5c3a987aae99465f0f5a0832349eb7e.png --- 23aa55a61b5de89e7c677db38d0742bd.png

64b7e533c7816f64ac6dc600d951f825.png --- 5b828f4147536f3788291bb1e3cb8f61.png

四、看源码

1, index.wxml

请登录

绑定手机号

请先绑定手机号在进行此操作

微信用户一键绑定

2, index.jsPage({

/**

* 页面的初始数据

*/

data: {

openid: "",

loginstate: "0",

openid: "",

userEntity: null,

terminal: "",

osVersion: "",

phoneNumber: "",

showModal: false,//定义登录弹窗

},

//在页面加载的时候,判断缓存中是否有内容,如果有,存入到对应的字段里

onLoad: function () {

var that = this;

wx.getStorage({

key: 'openid',

success: function (res) {

that.setData({ openid: res.data });

},

fail: function (res) {

that.getcode();

}

});

wx.getStorage({

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值