Google/Facebook OAuth2 w Rails Aplikacja Front-end z szynami-api jako usługa internetowa

Question

Mam moją aplikację szyny front-end, która również używa AngularJs i mam również backend APi również napisany w Rails (używany klejnot rails-api). Mam zaimplementowany system logowania do tego systemu. Teraz chcę zaimplementować login with facebook/google. Przeszukałem internet i do tej pory znalazłem bloga this. Z tego bloga wpadłem na pomysł wdrożenia google OAuth 2 w systemie Android z Railsami jako zapleczem. Ale w moim przypadku chcę wdrożyć google OAuth 2 w mojej aplikacji front-end (Rails + Angular) z Railsami jako zapleczem.

Do implementacji google OAuth 2, aplikacja Front-end musi zażądać od token do google oauth2 authorization server i nie mam pojęcia, jak to zrobić.

Co więcej, czy dobrze jest korzystać z szyn do zażądania tokena, czy też mogę użyć Angulara do tej części. Jaka byłaby najlepsza praktyka w tym celu?

Answer 1

Po pierwsze, trzeba wdrożyć google logowanie w front-end. Here to dokumentacja google dotycząca implementacji logowania google w javascript. google dostarczy Ci informacje na temat profilu użytkownika użytkownika. Po otrzymaniu informacji możesz wysłać ją do serwisu. Po stronie serwera/Backend możesz zrobić cokolwiek z tymi informacjami. To na ciebie.

Dodatkowo, dokumentacja this może być pomocna w twojej sprawie.

Answer 2

Można użyć omniauth-google-oauth2 gem

Główną ideą jest, aby wdrożyć to w Devise.

Dobre rozwiązanie Można znaleźć this.

Dzięki temu rozwiązaniu nie ma problemu z używaniem frontendu/backendu. Tak, należy zwrócić uwagę na kolejnych etapach:

modelu użytkownika:

devise :database_authenticatable, ... , :omniauthable 

Devise.rb:

config.omniauth :google_oauth2, ENV['GP_key'], ENV['GP_secret'], 
    { 
        name: 'google', 
        scope: 'plus.login, userinfo.email, userinfo.profile, 
          ... 
          youtubepartner, youtubepartner-channel-audit', 
        prompt: "select_account" 
    } 

Kolejne etapy jak w rozwiązaniach ..

W moim projekcie działa również z frontendem/backendem. Tak więc, jeśli napotkasz na trudności, chętnie pomogę w rozwiązaniu problemu ...

Aktualizacja: dla wersji frontend na Androida. Nie powinieneś wykonywać interfejsu frontów uwierzytelniania/autoryzacji w Google. Powinieneś to zrobić po stronie zaplecza. Można użyć WebTools lub inne odpowiednie sposoby do chodzenia po Devise i Google auth pages ...