Как мне обработать oauth в Nuxt с отдельным сервером API?

Question

В настоящее время у меня есть два отдельных приложения

1. Frontend (Nuxt)
2. Backend (Golang)

На бэкэнде я использую третьебиблиотека для вечеринок под названием Goth , и я использую Facebook в качестве поставщика.На бэкенде все работает нормально, но я не совсем понимаю, как это сделать на фронтэнде, который находится на стороне Nuxt

Так что технически на бэкенде будет два URL

 /auth/facebook

/auth/facebook/callback

Один развсе правильно, тогда я получу объект из Facebook на бэкэнд-стороне, который представляет собой API, написанный на Golang

 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 бэкэнда?

Спасибо!

Answer 1

Привет @sinusGob Вы можете использовать этот плагин для аутентификации nuxt

См. Документы.https://auth.nuxtjs.org/reference/providers/facebook

Спасибо.