目前我有两个独立的应用程序
前端(NUXT)
后端(Golang)
在后端,我使用了一个名为Goth的第三方库,并使用facebook作为提供者。后端的一切都很好,但我不知道如何在前端(nuxt端)上做。
所以从技术上讲,在后端将有两个url
/auth/facebook
/auth/facebook/callback
一旦一切正常,我将从后台的facebook获取对象,这是用golang编写的api
data: {
RawData: {
email: "john@gmail.com",
first_name: "John",
id: "123123",
last_name: "Grave",
name: "John Grave",
picture: {
data: {
height: 50,
is_silhouette: true,
url: "https://platform-lookaside.fbsbx.com/platform/profilepic/?asid=13123123&height=50&width=50&ext=1553079619&hash=AeTX5RW5K_avWLbI",
width: 50
}
}
},
Provider: "facebook",
Email: "john@gmail.com",
Name: "John Grave",
FirstName: "John",
LastName: "Grave",
NickName: "John Grave",
Description: "",
UserID: "123123",
AvatarURL: "https://platform-lookaside.fbsbx.com/platform/profilepic/?asid=2312802522337124&height=50&width=50&ext=1553079619&hash=AeTX5RW5K_avWLbI",
Location: "",
AccessToken: "EAAIuR3NSCPwBAEcp2jskHuUCzdWLB97Aq99nCV5HuieVVz8xGfJ6exAZDZD",
AccessTokenSecret: "",
RefreshToken: "",
ExpiresAt: "2019-04-19T15:52:59.895655+08:00"
},
status: 200
}
假设后台一切正常。
我唯一能想到的是在方法上调用它(nuxt端)
export default {
methods: {
facebookLogin() {
window.location.href = `http://localhost:8080/auth/facebook`
}
}
}
这将重定向到
http://localhost:8080/auth/facebook/callback?code=AQAaq9GYcGAnQ9wUCDAd5BFRHxMRjqGFR0J6zjGtYpD-
要与后端OAuth API通信,应该执行哪些正确步骤?
谢谢!
最佳答案:
嗨@sinsgob你可以使用这个nuxt的auth插件
查看文档。
https://auth.nuxtjs.org/reference/providers/facebook
谢谢。