直接上代码
<button onclick="getService()">一键登录</button>
<button onclick="logout()">退出登录</button>
<script>
// 微信登录鉴权服务
var auth = null;
// 获取登录鉴权服务列表,单独保存微信登录鉴权服务对象
// 5+APP在plusready事件中调用,uni-app在vue页面的onLoad中调用
function getService(){
plus.oauth.getServices(function(services) {
for (var i in services) {
var service = services[i];
if (service.id == "weixin") {
auth = service;
break;
}
}
auth.login(function(e){ //预登录成功
console.log(JSON.stringify(e))
// 显示一键登录选项
},function(error){ // 预登录失败
// 不显示一键登录选项(或置灰)
// 根据错误信息判断失败原因,如有需要可将错误提交给统计服务器
console.log(error.message);
})
})
}
function logout() {
auth.logout(()=>{
console.log('退出登录')
auth=null
})
}
</script>
首先获得微信授权对象,对象挂载登录,登出等方法
登录:获取对象后,直接调用登录方法
登出:获取到的对象有登出方法
详见官方文档
HTML5+ API Referencehttps://www.html5plus.org/doc/zh_cn/oauth.html