devise-token-auth
Search…
OmniAuth
OmniAuth authentication
If you wish to use omniauth authentication, add all of your desired authentication provider gems to your
Gemfile.OmniAuth example using GitHub, Facebook, Google, and Apple:
1
gem 'omniauth-github'
2
gem 'omniauth-facebook'
3
gem 'omniauth-google-oauth2'
4
gem 'omniauth-apple'
Copied!
Then run
bundle install.OmniAuth provider settings
In
config/initializers/omniauth.rb, add the settings for each of your providers.These settings must be obtained from the providers themselves.
Example using Github, Facebook, Google, and Apple:
1
# config/initializers/omniauth.rb
2
Rails.application.config.middleware.use OmniAuth::Builder do
3
provider :github, ENV['GITHUB_KEY'], ENV['GITHUB_SECRET'], scope: 'email,profile'
4
provider :facebook, ENV['FACEBOOK_KEY'], ENV['FACEBOOK_SECRET']
5
provider :google_oauth2, ENV['GOOGLE_KEY'], ENV['GOOGLE_SECRET']
6
provider :apple, ENV['APPLE_CLIENT_ID'], '', { scope: 'email name', team_id: ENV['APPLE_TEAM_ID'], key_id: ENV['APPLE_KEY'], pem: ENV['APPLE_PEM'] }
7
end
Copied!
The above example assumes that your provider keys and secrets are stored in environmental variables. Use the figaro gem (or dotenv or secrets.yml or equivalent) to accomplish this.
OmniAuth callback settings
The "Callback URL" setting that you set with your provider must correspond to the omniauth prefix setting defined by this app. This will be different than the omniauth route that is used by your client application.
For example, the demo app uses the default
omniauth_prefix setting /omniauth, so the "Authorization callback URL" for github must be set to "https://devise-token-auth-demo.herokuapp.com**/omniauth**/github/callback".Github example for the demo site: 
The url for github authentication will be different for the client. The client should visit the API at
/[MOUNT_PATH]/:provider for omniauth authentication.For example, given that the app is mounted using the following settings:
1
# config/routes.rb
2
mount_devise_token_auth_for 'User', at: 'auth'
Copied!
The client configuration for github should look like this:
Angular.js setting for authenticating using github:
1
angular.module('myApp', ['ng-token-auth'])
2
.config(function($authProvider) {
3
$authProvider.configure({
4
apiUrl: 'https://api.example.com'
5
authProviderPaths: {
6
github: '/auth/github' // <-- note that this is different than what was set with github
7
}
8
});
9
});
Copied!
jToker settings for github should look like this:
1
$.auth.configure({
2
apiUrl: 'https://api.example.com',
3
authProviderPaths: {
4
github: '/auth/github' // <-- note that this is different than what was set with github
5
}
6
});
Copied!
This incongruence is necessary to support multiple user classes and mounting points.
If you receive
redirect-uri-mismatch errors from your provider when using pow or xip.io urls, set the following in your development config:1
# config/environments/development.rb
2
3
# when using pow
4
OmniAuth.config.full_host = "http://app-name.dev"
5
6
# when using xip.io
7
OmniAuth.config.full_host = "http://xxx.xxx.xxx.app-name.xip.io"
Copied!
Last modified 2yr ago