韩国 naver web网页版第三方登录
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Naver - Login</title>
<!-- 引入SDK -->
<script type="text/javascript" src="https://static.nid.naver.com/js/naveridlogin_js_sdk_2.0.0.js"
charset="utf-8"></script>
<style>
#naverIdLogin {
opacity: 0;
}
</style>
</head>
<body>
<!-- 按钮容器 -->
<div id="naverIdLogin"></div>
<script>
var client_id="plLPqLHYBhp8RDKGEHb8";//示例参数
var client_secret="izyUq0A8As";//示例参数
var redirect_uri="https://www.baidu.com/login/login.html";//获取Facebook用户信息后回调地址,客户服务器的链接（此处为示例）
var naverLogin = new naver.LoginWithNaverId({
clientId: client_id,
callbackUrl: redirect_uri,
isPopup: false,
loginButton: {
color: "green",
type: 3,
height: 40
},
callbackHandle: true
});
// 初始化实例
naverLogin.init();
// 一秒后点击登录按钮
const timer = setTimeout(() => {
document.getElementById('naverIdLogin_loginButton').click();
}, 1000)
// 获取用户登录状态
naverLogin.getLoginStatus(function (status) {
console.log(status);
if (status) {
// 已登录，取消点击，获取用户信息
clearTimeout(timer);
var email = naverLogin.user.getEmail();
var name = naverLogin.user.getNickName();
var uniqId = naverLogin.user.getId();
// 发送用户信息给UNIAPP
console.log(email, name, uniqId);
var token = naverLogin.accessToken.accessToken;
fetch("https://nid.naver.com/oauth2.0/token?grant_type=delete&client_id="+client_id+"&client_secret="+client_secret+"&access_token="+token+"&service_provider=NAVER")
.then(function(response) {
console.log(response)
})
.then(function(myJson) {
console.log(myJson);
});
uni.postMessage({
data: {
payload: {
id: uniqId,
email: email,
name: name
}
}
});
} else {
console.log("登录失败");
}
});
</script>
</body>
</html>
该博客展示了如何在网页版应用中集成Naver登录SDK，通过JavaScript实现用户一键登录，并获取用户的邮箱、昵称和唯一ID。在用户成功登录后，会将用户信息发送到指定的回调地址，并进行相应的处理。示例代码中包含客户端ID、密钥和回调URL等关键参数配置。
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
