微信小程序登陆流程

官方说明为：

>

示例代码

// 必须是在用户已经授权的情况下调用

wxgetUserInfo({

success: function(res) {

var userInfo = resuserInfo

var nickName = userInfonickName

var avatarUrl = userInfoavatarUrl

var gender = userInfogender //性别 0：未知、1：男、2：女

var province = userInfoprovince

var city = userInfocity

var country = userInfocountry

}

})

扩展资料

小程序用户信息组件示例代码

Page({

data: {

canIUse: wxcanIUse('buttonopen-typegetUserInfo')

},

onLoad: function() {

// 查看是否授权

wxgetSetting({

success (res){

if (resauthSetting['scopeuserInfo']) {

// 已经授权，可以直接调用 getUserInfo 获取头像昵称

wxgetUserInfo({

success: function(res) {

consolelog(resuserInfo)

}

})

}

}

})

},

bindGetUserInfo (e) {

consolelog(edetailuserInfo)

}

})

参考资料：

微信官方文档 - wxgetUserInfo

1、首先需要一个按钮触发事件。

2、其次调用微信小程序的登录接口wxlogin，拿到code。

3、然后调用微信小程序的获取用户信息的接口wxgetUserProfile，拿到用户的个人信息。

4、最后拿到的个人信息调用后台的接口，把个人信息传给后台，登录成功并把相关信息存储在本地的缓存中，方便之后的开发使用。

微信小程序的登录请求是通过wxlogin() API发起的，它会返回一个临时登录凭证code，开发者需要将code发送到开发者服务器后台，使用code换取session_key、openid等信息。

varapp;varcommon=require("//commonjs");Page({data:{},onLoad:function(){app=getApp();thissetData({version:appglobalDataappName});commonmyfunc();//我需要执行才能效}

公司业务开展，最近完成了一个微信小程序的开发。场景是这样，同一微信开放平台下拥有相同主体的APP和微信小程序来完成同样的业务，用户进入app或者微信小程序时必须获取用户的unionid来确认当前的用户身份，完成登录。小程序“获取用户信息”api（getUserInfo）的调用方式和之前相比有了较大更新，优雅的实现用户授权和登录非常重要，以下是我在微信小程序授权登录相关流程在开发时候的实现思路和总结，分享如下。

说明：

你可以简单的理解为

如果开发者在多个移动应用、网站应用和公众帐号之间有统一用户账号的需求，需要前往微信开放平台（openweixinqqcom）绑定公众号后，便可利用UnionID机制来满足上述需求。

用户在开放平台的唯一标识符

你可以简单的理解为:

微信针对不同的用户在不同的应用下都有唯一的一个openId, 但是要想确定用户是不是同一个用户，就需要靠unionid来区分。一般自己的后台都会有自己的一个用户表，每个用户有不同的userid。也就是说同一个用户在同一个微信开放平台下的相同主体的应用对应着相同的userid,unionid以及不同的openid。所以在用户登录进来的时候，我们只能靠微信返回给我们的unionid去判断是不是同一个用户，在去关联我们的用户表，拿到对应的userid。

绑定了开发者帐号的小程序，可以通过下面3种途径获取UnionID。

当用户满足条件2和3时，开发者可以直接通过wxlogin获取到该用户的unionid, 否则必须调用接口 wxgetUserInfo ,额外需要注意的事就是妥善处理用户拒绝授权的情况。

在真实的业务场景中，我们希望，用户进入小程序时，未登录情况下可以正常浏览商品，对小程序有个基本的认知，不要直接d出框要求用户授权，否则会干扰用户，导致新用户的流失，当用户需要使用一些高级功能和场景，这个时候再去要求用户授权，这样用户授权的几率会大大提高。

将登录的逻辑封装ajax

流程：

封装的意义

不再关注当前接口是否需要登录，用户是否已授权，所有请求直接调用 ajax() ,在必要的时候完成一切登录以及授权流程。小程序入口页面增加，业务拓展的时候，你只需要专注于业务实现。

参考资料

以上就是关于微信小程序登陆流程全部的内容，包括:微信小程序登陆流程、微信小程序的怎么获取用户微信id、微信小程序得到ck怎么登陆等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！