-
效果
-
wxml页面
- <view class="login-container">
<view class="login" wx:if="{{ !logged }}">
<view class="app-info">
<image class="app-logo" src="../../images/logo.png" />
<text class="app-name">微信登录</text>
</view>
<view class="alert">
<view class="alert-title">网页由科技开发，请确认授权以下信息</view>
<view class="alert-desc">
<view class="alert-text">获得你的公开信息（昵称、头像等）</view>
</view>
</view>
<button class="weui-btn" type="primary" bindtap="login">确认登录</button>
</view>
<view class="logged" wx:else>
<image class="logged-icon" src="../../assets/images/iconfont-weixin.png" />
<view class="logged-text">近期你已经授权登陆过微信登录</view>
<view class="logged-text">自动登录中</view>
</view>
</view>
-
wxss样式
- 完整看备注
-
js逻辑
- signIn(cb) {
var that = this;
wx.login({
success: function (result) {
console.log("------2这里是登录接口-------");
console.dir(result);
wx.getUserInfo({
success: function (res) {
console.log("login success!" + res);
//昵称
console.log("3++++++++"+res.userInfo.nickName);
if (result.code) {
//发起网络请求
wx.request({
url: App.globalData.siteUrl + '/common/before/weixinLogin.shtml',
method: "GET",
data: {
code: result.code,
nickName: res.userInfo.nickName
},
success: function(result2){
//token存入缓存
var token = result2.data.data.token;
console.log("4token存入缓存" + token);
wx.setStorageSync("token", token );
cb();
}
})
} else {
console.log('获取用户登录态失败！' + userInfo.errMsg)
}
},
fail: function(){
console.log("因为拒绝了资料，所以失败");
}
})
}
})
},
- 完整看备注