- Original plugin https://github.com/AyogoHealth/cordova-plugin-oauth :
- works for create browser tab compliant with OAuth
- doesn't work for me for redirect OAuth provider response to the app (either on Android or iOS)
- Solution :
- use this repo which has 1 correction from https://github.com/AyogoHealth/cordova-plugin-oauth/compare/main...ianrobertsFF:cordova-plugin-oauth:master concerning Android plugin (for managing browser tab)
- AND use https://github.com/EddyVerbruggen/Custom-URL-scheme (for managing redirection)
- Cordova environnement : cordova 12.0.0 / lib 10.1.0 / android 10.1.2 / ios 6.1.1
This plugin provides a mechanism for showing an OAuth flow in a secured system-provided browser view and receiving the result via a Message event.
On iOS, this uses ASWebAuthenticationSession (iOS >=12), SFAuthenticationSession (iOS 11), SFSafariViewController (iOS >=8, <=10), falling back to Safari.
On Android, this uses Custom Tabs in the user's preferred web application, falling back to their browser.
Note: This plugin might conflict with the Cordova In-App Browser plugin!
ℹ️ This plugin uses AndroidX!
Use version 3.x if you are building without AndroidX enabled.
cordova plugin add cordova-plugin-oauth [--variable URL_SCHEME=mycoolapp]
By default, the plugin registers the app ID as a scheme to be used as the
OAuth callback URL, and expects a host of oauth_callback
(i.e., if your
app's ID is com.example.foo
, your OAuth redirect URL should be
com.example.foo://oauth_callback
).
The scheme for the OAuth callback URL can be changed by providing a
URL_SCHEME
variable when installing. If your URL_SCHEME
is mycoolapp
,
then your OAuth redirect URL should be mycoolapp://oauth_callback
.
- iOS (cordova-ios >= 6.1.0)
- Android (cordova-android >= 9.0.0)
-
Trigger the plugin by opening the OAuth login page in a new window, with a window name that includes
"oauth:"
:var endpoint = 'https://accounts.google.com/o/oauth2/v2/auth?....'; window.open(endpoint, 'oauth:google', '');
-
The plugin will open the OAuth login page in a new browser window.
-
When the OAuth process is complete and it redirects to your app scheme, the plugin will send a message to the Cordova app.
The message begins with
oauth::
and is followed by a JSON object containing all of the key/value pairs from the OAuth redirect query string.// Called from a callback URL like // com.example.foo://oauth_callback?code=b10a8db164e0754105b7a99be72e3fe5 // it would be received in JavaScript like this: window.addEventListener('message', function(event) { if (event.data.match(/^oauth::/)) { var data = JSON.parse(event.data.substring(7)); // Use data.code } }
The advantage of this implementation is that it can be made to work with Universal Links and App Links so that the same flow can be used in both mobile apps and web.
Contributions of bug reports, feature requests, and pull requests are greatly appreciated!
Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.
Released under the Apache 2.0 Licence.
Copyright © 2020-2022 Ayogo Health Inc.