Cordova plugin for performing OAuth login flows.
npm install cordova-plugin-oauthcordova-plugin-oauth
====================
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.
Installation
------------
```
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 yourcom.example.foo
app's ID is , your OAuth redirect URL should becom.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,mycoolapp://oauth_callback
then your OAuth redirect URL should be .
Supported Platforms
-------------------
* iOS (cordova-ios >= 6.1.0)
* Android (cordova-android >= 9.0.0)
Usage
-----
1. Trigger the plugin by opening the OAuth login page in a new window, with a
window name that includes "oauth:":
`javascript`
var endpoint = 'https://accounts.google.com/o/oauth2/v2/auth?....';
window.open(endpoint, 'oauth:google', '');
2. The plugin will open the OAuth login page in a new browser window.
3. 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.
`javascript
// 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.
Contributing
------------
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][coc]. By participating in this project you agree to abide by its
terms.
Licence
-------
Released under the Apache 2.0 Licence.
Copyright © 2020-2022 Ayogo Health Inc.
[coc]: https://github.com/AyogoHealth/cordova-plugin-oauth/blob/main/CODE_OF_CONDUCT.md