Google OAuth 2.0 and Devise - "error" : "redirect_uri_mismatch"

Question

I configured Devise to use omniauth with Facebook and Google. It works fine with Facebook but I face a problem with Google.

I get this error again and again:

ERROR -- omniauth: (google_oauth2) Authentication failure! invalid_credentials: OAuth2::Error, redirect_uri_mismatch:

{"error" : "redirect_uri_mismatch"}

[localhost] [127.0.0.1] [6a9377fe-d0b3-42] RuntimeError - Could not find a valid mapping for path "/users/auth/google_oauth2/callback":

devise (3.5.2) lib/devise/mapping.rb:49:in `find_by_path!'

I tried several URIs in the Google console but anyone didn't seem to work:

Gemfile

# Social Networks Authentification
gem 'omniauth'
gem 'omniauth-facebook'
gem 'omniauth-google-oauth2'

devise.rb

config.omniauth :facebook, ENV['OAUTH_FACEBOOK_ID'], ENV['OAUTH_FACEBOOK_SECRET'],
                       scope: 'public_profile', image_size: {height: 1600}, info_fields: 'name, id, first_name, last_name, gender, hometown, cover, email, link' # list of permissions

# Not working, "error" : "redirect_uri_mismatch"
config.omniauth :google_oauth2, ENV['OAUTH_GOOGLE_ID'], ENV['OAUTH_GOOGLE_SECRET']

omniauth_callbacks_controller.rb

def self.provides_callback_for(provider)
    class_eval %Q{
      def #{provider}
        @user = User.find_for_oauth(env["omniauth.auth"], current_user)

        if @user.persisted?
          handle_redirect("devise.#{provider}_uid", "#{provider}".capitalize)
        else
          session["devise.#{provider}_data"] = env["omniauth.auth"]
          redirect_to new_user_registration_url
        end
      end
    }
  end

  [:facebook, :google_oauth2].each do |provider|
    provides_callback_for provider
  end

  def handle_redirect(_session_variable, kind)
    # here we force the locale to the session locale so it siwtches to the correct locale
    I18n.locale = session[:omniauth_login_locale] || I18n.default_locale
    sign_in_and_redirect @user, event: :authentication
    set_flash_message(:notice, :success, kind: kind) if is_navigational_format?
  end

omniauth_controller.rb

class OmniauthController < ApplicationController
  def localized
    # Just save the current locale in the session and redirect to the unscoped path as before
    session[:omniauth_login_locale] = I18n.locale
    redirect_to user_omniauth_authorize_path(params[:provider])
  end
end

routes.rb

  devise_for :users, skip: [:session, :password, :registration, :confirmation], controllers: { omniauth_callbacks: 'omniauth_callbacks' }


  localized do

    get 'auth/:provider' => 'omniauth#localized', as: :localized_omniauth

    devise_for :users, :path => 'accounts', skip: :omniauth_callbacks, :controllers => {sessions: 'sessions', registrations: 'registrations', passwords: 'passwords'}

end

user.rb

devise :omniauthable, :omniauth_providers => [:facebook, :google_oauth2]

I have the issue both in local and production.

Can anyone help me please? I really don't know what else I can do.

Answer 1

Allright, finally found out what was the problem...

The 'omniauth-google-oauth2'gem only works with version 1.3.1 of the 'omniauth-oauth2' gem.

So I changed my Gemfile like this:

# Social Networks Authentification
gem 'omniauth-oauth2', '~> 1.3.1' # Don't touch that unless you don't want Google omniauth to work!
gem 'omniauth-twitter'
gem 'omniauth-facebook'
gem 'omniauth-linkedin'
gem 'omniauth-google-oauth2' # Works only with omniauth-oauth2 v 1.3.1

And now everything works fine!

See this thread for more details.