view session info
This commit is contained in:
parent
998c652969
commit
4b6a8f7316
87
index.html
87
index.html
|
@ -187,6 +187,32 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h3>JavaScript Framework</h3>
|
||||
<small>(yes, real runs-in-a-web-browser - and even on Android - ES5.1)</small>
|
||||
<br>
|
||||
<label><input name="framework" type="radio" ng-model="vm.framework" ng-value="'none'"/> ES5.1</label> (no framework)
|
||||
<label><input name="framework" type="radio" ng-model="vm.framework" ng-value="'jquery'"/> jQuery</label>
|
||||
<label><input name="framework" type="radio" ng-model="vm.framework" ng-value="'angularjs'"/> AngularJS</label>
|
||||
<label><input name="framework" type="radio" ng-model="vm.framework" ng-value="'nodejs'"/> node.js</label>
|
||||
<br>
|
||||
|
||||
<label><input name="framework" type="checkbox" checked="checked" disabled="disabled"/> azp<small>@oauth3.org</small></label>
|
||||
<label><input name="framework" type="checkbox" ng-model="vm.components.issuer"/> issuer<small>@oauth3.org</small></label>
|
||||
<br>
|
||||
|
||||
<pre ng-if="'nodejs' === vm.framework"><code>var OAUTH3 = require('oauth3.org');</code></pre>
|
||||
|
||||
<pre ng-if="'nodejs' !== vm.framework"><code><script src="/assets/oauth3.org/oauth3.core.js"></script><span ng-if="vm.components.issuer">
|
||||
<script src="/assets/oauth3.org/oauth3.crypto.js"></script>
|
||||
<script src="/assets/oauth3.org/oauth3.issuer.js"></script></span><span
|
||||
ng-if="'none' === vm.framework || 'jquery' === vm.framework"></span><span ng-if="'angularjs' === vm.framework">
|
||||
<script src="/assets/oauth3.org/oauth3.ng.js"></script></span>
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<br>
|
||||
<br>
|
||||
|
@ -318,6 +344,7 @@
|
|||
<br>
|
||||
<div class="col-md-3">
|
||||
<strong>Credential Meta URL</strong>
|
||||
<br>
|
||||
<strong>(Not implemented... anymore)</strong>
|
||||
<br>
|
||||
(this is the endpoint that reports if the user exists and what their proof-strategy is)
|
||||
|
@ -340,7 +367,7 @@
|
|||
(this is the URL that sends your one-time password via email)
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<button class="btn btn-default" ng-click="vm.api.authn.otp()" ng-disabled="!vm.directives || !vm.form.id">Check user details</button>
|
||||
<button class="btn btn-default" ng-click="vm.api.authn.otp()" ng-disabled="!vm.directives || !vm.form.id">Send OTP to user</button>
|
||||
|
||||
<pre><code>OAUTH3.authn.otp(directives, { email: "<span ng-bind="vm.form.id"></span>" });</code></pre>
|
||||
<div ng-if="vm.urls.otp">
|
||||
|
@ -367,31 +394,73 @@
|
|||
(it's also a bit of a misnomer, it should be *proof* rather than password)
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
...
|
||||
<input class="form-input" type="text" ng-model="vm.form.otpCode" ng-change="vm.api.urls.resourceOwnerPassword()" placeholder="ex: XXXX-XXXX-XXXX">
|
||||
<button class="btn btn-default" ng-click="vm.api.authn.resourceOwnerPassword()" ng-disabled="!vm.form.otpUuid || !vm.form.otpCode">Exchange Proof for Session</button>
|
||||
|
||||
<br>
|
||||
<input class="form-input disabled" type="text" ng-model="vm.form.otpUuid" disabled>
|
||||
|
||||
<pre><code>OAUTH3.authn.resourceOwnerPassword(directives, <span ng-bind="vm.api.authn._ropOpts_"></span>);</code></pre>
|
||||
<div ng-if="vm.urls.resourceOwnerPassword">
|
||||
<pre><code><span ng-bind="vm.urls.resourceOwnerPassword.method"></span> <span ng-bind="vm.urls.resourceOwnerPassword.url"></span>
|
||||
<span ng-if="vm.urls.resourceOwnerPassword.headers" ng-bind="vm.urls.resourceOwnerPassword.headers | json"></span>
|
||||
<span ng-bind="vm.urls.resourceOwnerPassword.data | json"></span>
|
||||
</code></pre>
|
||||
<pre ng-if="vm.responses.resourceOwnerPassword"><code><span ng-bind="vm.responses.resourceOwnerPassword.status"></span>
|
||||
<span ng-if="vm.responses.resourceOwnerPassword.headers" ng-bind="vm.responses.resourceOwnerPassword.headers | json"></span>
|
||||
<span ng-bind="vm.responses.resourceOwnerPassword.data | json"></span>
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="row" ng-if="vm.validated.provider">
|
||||
<br>
|
||||
<br>
|
||||
<div class="col-md-3">
|
||||
Login Status:
|
||||
<strong>Session Token</strong>
|
||||
<br>
|
||||
(this is the URL that sends your one-time password via email)
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
...
|
||||
<textarea class="form-control" ng-model="vm.accessToken" ng-change="vm.api.jwt.decode()"></textarea>
|
||||
<textarea ng-if="vm.refreshToken" class="form-control" ng-model="vm.refreshToken" ng-change="vm.api.jwt.decodeRefresh()"></textarea>
|
||||
|
||||
<pre ng-if="vm.ropSession"><code ng-bind="vm.ropSession | json"></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="row" ng-if="vm.validated.provider">
|
||||
<br>
|
||||
<br>
|
||||
<div class="col-md-3">
|
||||
Current Sessions:
|
||||
<strong>Verify Token</strong>
|
||||
<br>
|
||||
(this is the URL that sends your one-time password via email)
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
...
|
||||
<textarea class="form-control" ng-model="vm.accessToken"></textarea>
|
||||
<button class="btn btn-default" ng-click="vm.api.authn.verify()" ng-disabled="!vm.directives || !vm.form.id">Verify Token</button>
|
||||
<textarea ng-if="vm.refreshToken" class="form-control" ng-model="vm.refreshToken"></textarea>
|
||||
|
||||
<pre><code>OAUTH3.authn.verify(directives, token});</code></pre>
|
||||
<pre><code>OAUTH3.authn.verify( directives, "<span ng-bind="vm.accessToken"></span>" });</code></pre>
|
||||
<div ng-if="vm.urls.verify">
|
||||
<pre><code><span ng-bind="vm.urls.verify.method"></span> <span ng-bind="vm.urls.verify.url"></span>
|
||||
<span ng-if="vm.urls.verify.headers" ng-bind="vm.urls.verify.headers | json"></span>
|
||||
<span ng-bind="vm.urls.verify.data | json"></span>
|
||||
</code></pre>
|
||||
<pre ng-if="vm.responses.verify"><code><span ng-bind="vm.responses.verify.status"></span>
|
||||
<span ng-if="vm.responses.verify.headers" ng-bind="vm.responses.verify.headers | json"></span>
|
||||
<span ng-bind="vm.responses.verify.data | json"></span>
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
Approved Devices:
|
||||
|
|
|
@ -26,6 +26,7 @@
|
|||
// TODO: how to load more than one version of oauth3 on the page (i.e. a vanilla version without angular entaglement)
|
||||
var vm = this;
|
||||
|
||||
vm.framework = 'none';
|
||||
vm.clientUri = OAUTH3.clientUri(window.location);
|
||||
vm.conf = { debug: undefined, client_id: vm.clientUri, client_uri: vm.clientUri, provider_uri: vm.clientUri };
|
||||
vm.providerUri = vm.conf.client_uri;
|
||||
|
@ -186,6 +187,7 @@
|
|||
vm.api = {};
|
||||
vm.api.urls = {};
|
||||
vm.api.authn = {};
|
||||
vm.api.jwt = {};
|
||||
vm.api.urls.credentialMeta = function () {
|
||||
vm.urls.credentialMeta = OAUTH3.urls.credentialMeta(vm.directives, { email: vm.form.id });
|
||||
};
|
||||
|
@ -196,12 +198,65 @@
|
|||
vm.api.urls.otp();
|
||||
OAUTH3.authn.otp(vm.directives, { email: vm.form.id }).then(function (resp) {
|
||||
vm.responses.otp = resp;
|
||||
vm.form.otpUuid = resp.data.code_id;
|
||||
console.log('vm.responses.otp: (' + typeof resp + ')');
|
||||
console.log(vm.responses.otp);
|
||||
|
||||
console.log('vm.form.otpUuid:');
|
||||
console.log(vm.form.otpUuid);
|
||||
|
||||
vm.api.urls.resourceOwnerPassword();
|
||||
});
|
||||
};
|
||||
vm.api.authn.credentialMeta = function () {
|
||||
vm.api.urls.credentialMeta();
|
||||
OAUTH3.authn.loginMeta(vm.directives, { email: vm.form.id });
|
||||
};
|
||||
|
||||
|
||||
vm.api.authn._ropOpts = function () {
|
||||
//var opts = { email: vm.form.id, uuid: vm.form.otpUuid, code: vm.form.otpCode };
|
||||
return vm.api.authn._ropOpts_ = {
|
||||
client_id: vm.conf.client_uid || undefined
|
||||
, client_uri: vm.conf.client_uri || undefined
|
||||
, grant_type: 'password'
|
||||
, username: vm.form.id || undefined
|
||||
, password: vm.form.otpCode || undefined
|
||||
, totp: vm.form.totpToken || undefined
|
||||
, otp: vm.form.otpCode || "{{otp-code}}"
|
||||
, password_type: vm.form.otpCode && 'otp' || undefined
|
||||
, otp_code: vm.form.otpCode || undefined
|
||||
, otp_id: vm.form.otpUuid || undefined
|
||||
, otp_uuid: vm.form.otpUuid || undefined
|
||||
, user_agent: navigator.userAgent || undefined // "AJ's Macbook" for a specific device?
|
||||
, jwk: vm.form.rememberDevice && opts.jwk || undefined
|
||||
//, "public_key": opts.rememberDevice && opts.publicKey || undefined
|
||||
//, "public_key_type": opts.rememberDevice && opts.publicKeyType || undefined // RSA/ECDSA
|
||||
//, "jwt": opts.jwt // TODO sign a proof with a previously loaded public_key
|
||||
, debug: vm.form.debug || undefined
|
||||
};
|
||||
};
|
||||
vm.api.urls.resourceOwnerPassword = function () {
|
||||
vm.urls.resourceOwnerPassword = OAUTH3.urls.resourceOwnerPassword(vm.directives, vm.api.authn._ropOpts());
|
||||
};
|
||||
vm.api.authn.resourceOwnerPassword = function () {
|
||||
vm.api.urls.resourceOwnerPassword();
|
||||
OAUTH3.authn.resourceOwnerPassword(vm.directives, vm.api.authn._ropOpts()).then(function (resp) {
|
||||
vm.responses.resourceOwnerPassword = { status: 0, data: resp };
|
||||
vm.form.accessToken = vm.accessToken = resp.access_token;
|
||||
vm.form.refreshToken = vm.refreshToken = resp.refresh_token;
|
||||
vm.ropSession = resp.token;
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
vm.api.jwt.decode = function () {
|
||||
vm.ropSession = OAUTH3.jwt.decode(vm.form.accessToken || vm.accessToken);
|
||||
};
|
||||
vm.api.jwt.decodeRefresh = function () {
|
||||
vm.ropSession = OAUTH3.jwt.decode(vm.form.refreshToken || vm.refreshToken);
|
||||
};
|
||||
|
||||
vm.api.providerUri = function () {
|
||||
console.log('[DEBUG] providerUri:', vm.providerUri);
|
||||
try {
|
||||
|
|
Loading…
Reference in New Issue