1、如何判断用户已经登录

可以利用本地缓存判断用户是否已经登录。如：在 main.js 中封装了检查登录函数，并跳转到登录页面Vue.prototype.isLogin = function(){

try{

var suid = uni.getStorageSync('suid');

var srand = uni.getStorageSync('srand');

if (suid && srand) {return [suid, srand];}

//跳转到登录界面

uni.navigateTo({

url: '../login/login'

});

return false;

}catch(e){

return false;

}

}

在index页面判断是否登录，没有登录则跳转到登录页面点击按钮需要登录

needlogin : function(){

var loginRes = this.isLogin();

if(!loginRes){return false;}

console.log('do .....');

}

2、登录利用条件编译分端处理【app 和 小程序登录实现不一样】

登录

2.1 什么是unionID ?

“通过获取用户基本信息接口，开发者可通过OpenID来获取用户基本信息，而如果开发者拥有多个公众号，可使用以下办法通过UnionID机制来在多公众号之间进行用户帐号互通。只要是同一个微信开放平台帐号下的公众号，用户的UnionID是唯一的。

换句话说，同一用户，对同一个微信开放平台帐号下的不同应用，UnionID是相同的。”此前的OpenID机制，每个微信号对应每个公众号只有唯一的OpenID，所以不同微信公众号之间是不能共享用户的，现在有了UnionID就可以了。

2.2 app 端获取 UnionID 【打开界面直接进行登录】

export default {

methods:{

needlogin : function(){

var loginRes = this.isLogin();

if(!loginRes){return false;}

console.log('已经登录，进行后续操作，uid: '+loginRes[0]);

},

logoff : function(){

uni.showLoading({

title:""

});

try{

uni.removeStorageSync('suid');

uni.showToast({

title:"已退出",

icon:"none"

});

}catch(e){

//TODO handle the exception

}

uni.hideLoading();

}

}

}

2.3 微信端完成登录【需要按钮触发】

微信登录

var _self;

export default {

data() {

return {

}

},

methods:{

getUser : function(res){

console.log('--res---');

console.log(res);

//res 对象 detail {}

//{

// encryptedData,

//iv,

//rawData {"nickName":"深海","gender":1,...avatarUrl":"https://7tdPvkPaJlkaLFFbLAffGVApluZdanLkDVplNlAhq1EJA/132"}

//signature

//userInfo {"nickName":"深海","gender":1,...avatarUrl":"https://7tdPvkPaJlkaLFFbLAffGVApluZdanLkDVplNlAhq1EJA/132"}

//解密信息

//1 wx.login 获取code

uni.login({

success: reslogin => {

console.log(reslogin);

//{errMsg: "login:ok", code: "033xr0f12t7gQY0pNFc12Xo5f12xr0fu"}

//用 code 换 seesion_key https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/code2Session.html

var url = "https://api.weixin.qq.com/sns/jscode2session?appid="+_self.xcxappid+

"&secret="+_self.xcxsct+"&js_code="+reslogin.code+"&grant_type=authorization_code";

uni.request({

url: url,

method: 'GET',

data: {},

success: res2 => {

console.log(res2);

//{session_key: "tlPVuIsw+oUXrWa6RhujLA==", expires_in: 7200,

//openid: "oXfUD0Qfb4zpJKi7clJf8o2yZyLo", unionid: "oWajqwa5VbV_yreYBOy_pF7IQvqo"}

//此步骤的 unionid 在关注公众号或使用过小程序才会出现，所以要继续解密步骤

var session_key = res2.data.session_key;

console.log(session_key);

var url2 = 'http://grace.hcoder.net/wx-aes/demo.php';

uni.request({

url: url2,

method: 'GET',

data: {

sessionKey : session_key,

encryptedData : res.detail.encryptedData,

iv : res.detail.iv

},

success: res3 => {

console.log('res3---------------');

console.log(res3);

//与服务器交完成互注册或登录

var apiurl = this.apiurl + 'c=members&m=createUser&type=3';

uni.request({

url: apiurl,

method: 'POST',

data: {

unionid : res3.data.unionId,

name : res3.data.nickName,

face : res3.data.avatarUrl,

gender : res3.data.gender

},

header : {'content-type':'application/x-www-form-urlencoded'},

success: res => {

console.log(JSON.stringify(res));

try{

uni.setStorageSync('suid',res.data.data.u_id);

uni.setStorageSync('srand',res.data.data.u_randnum);

}catch(e){

//TODO handle the exception

}

uni.navigateBack({

delta:1

});

uni.hideLoading();

},

fail: () => {}

});

},

fail: () => {},

complete: () => {}

});

},

fail: () => {}

});

}

})

}

},

onLoad:function(){

_self = this;

// #ifdef APP-PLUS

uni.showLoading({

title:""

});

uni.login({

provider: 'weixin',

success: res => {

uni.getUserInfo({

success: (loginInfo) => {

console.log(JSON.stringify(loginInfo))

if(!loginInfo.userInfo.unionId){

uni.showToast({

title:"登录失败",

icon:"none"

});

return false;

}

//与服务器交完成互注册或登录

var apiurl = this.apiurl + 'c=members&m=createUser&type=3';

uni.request({

url: apiurl,

method: 'POST',

data: {

unionid : loginInfo.userInfo.unionId,

name : loginInfo.userInfo.nickName,

face : loginInfo.userInfo.avatarUrl,

gender : loginInfo.userInfo.gender

},

header : {'content-type':'application/x-www-form-urlencoded'},

success: res => {

console.log(JSON.stringify(res));

try{

uni.setStorageSync('suid',res.data.data.u_id);

uni.setStorageSync('srand',res.data.data.u_randnum);

}catch(e){

//TODO handle the exception

}

uni.navigateBack({

delta:1

});

uni.hideLoading();

},

fail: () => {}

});

},

fail: (e) => {

console.log(JSON.stringify(e))

}

})

},

fail: (e) => {}

});

// #endif

}

}

步骤总结1、点击按钮返回加密信息

2、使用 login 方法获取 code

3、利用 code 换 session_key

4、解密获取用户信息，包含 unionid、openid、nickname等

5、与服务端交互完成注册及登录