Google/Facebook OAuth2 trong Rails Ứng dụng Front-end với rails-api là webservice

Question

Tôi có ứng dụng đường ray front-end sử dụng AngularJs và tôi cũng có một phụ trợ api cũng được viết trong Rails (sử dụng đá quý rails-api). Tôi đã triển khai hệ thống đăng nhập cho hệ thống này. Bây giờ tôi muốn thực hiện login with facebook/google. Tôi đã tìm kiếm thông qua internet và cho đến nay tôi tìm thấy this blog. Từ blog này, tôi đã có ý tưởng triển khai google OAuth 2 trong Android với Rails làm phụ trợ. Nhưng trong trường hợp của tôi, tôi muốn thực hiện google OAuth 2 trong ứng dụng front-end của tôi (Rails + Angular) với Rails là backend.

Để thực hiện google OAuth 2, ứng dụng Front-end cần phải yêu cầu token đến google oauth2 authorization server và tôi không có ý tưởng về cách thực hiện.

Ngoài ra, có tốt khi sử dụng đường ray để yêu cầu mã thông báo hoặc tôi có thể sử dụng Góc cho phần đó hay không. Thực hành tốt nhất cho mục đích này là gì?

Answer 1

Trước tiên, bạn cần phải thực hiện các google đăng nhập trong front-end. Here là tài liệu google về triển khai đăng nhập bằng google trong javascript. google sẽ cung cấp cho bạn thông tin trên tiểu sử của người dùng. Sau khi bạn nhận được thông tin, bạn có thể gửi cho bạn dịch vụ. Về phía máy chủ/Backend bạn có thể làm bất cứ điều gì với thông tin này. Đó là về bạn.

Ngoài ra, this tài liệu có thể hữu ích cho trường hợp của bạn.

Answer 2

Bạn có thể sử dụng omniauth-google-oauth2 gem

ý tưởng chính là để thực hiện điều này vào Devise.

Giải pháp tốt Bạn có thể tìm thấy this.

Với giải pháp này, không có vấn đề gì nếu Bạn sử dụng giao diện người dùng/phụ trợ. Vì vậy, bạn nên chú ý về các bước tiếp theo:

tài mẫu:

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" 
    } 

Các bước tiếp theo như trong các giải pháp ..

Trong dự án của tôi nó hoàn toàn khả thi với frontend/backend. Vì vậy, nếu bạn thấy khó khăn, tôi sẽ vui mừng làm lời khuyên để giải quyết ...

Cập nhật: cho phiên bản Android của giao diện người dùng. Bạn không nên thực hiện giao diện xác thực/ủy quyền trên Google. Bạn nên làm điều đó ở phía bên phụ trợ. Bạn có thể sử dụng webtools hay cách khác phù hợp cho đi bộ xung quanh Devise và Google auth pages ...