Like this ?
providers: {
myOauth2: {
name: 'myOauth2',
url: '/auth/myOauth2',
authorizationEndpoint: 'https://www.myOauth2.com/dialog/oauth',
redirectUri: getRedirectUri('/'),
requiredUrlParams: ['display', 'scope'],
scope: ['email'],
scopeDelimiter: ',',
display: 'popup',
oauthType: '2.0',
popupOptions: { width: 580, height: 400 }
},
google: {
name: 'google',
url: '/auth/google',
authorizationEndpoint: 'https://accounts.google.com/o/oauth2/auth',
redirectUri: getRedirectUri(),
requiredUrlParams: ['scope'],
optionalUrlParams: ['display'],
scope: ['profile', 'email'],
scopePrefix: 'openid',
scopeDelimiter: ' ',
display: 'popup',
oauthType: '2.0',
popupOptions: { width: 452, height: 633 }
},
Someone know about that?
Never mind I solved my problems by rolling something of my own. I don't want to support oauth yet so I just didn't see how to work easily between Spring boot and the login/password of this plugin. Spring boot does not play well with jwt token the way I had it setup so I'll have to wait before using this plugin
have you tried?
whats should be there in user and requestOptions for Vuex
vue-authenticate plugin.
what flow do you usually follow if you need to regiter a user on your SPA from data from various social network (let's take Google as example)
Since it is OAuth, it is pretty much the same as for any other provider, you just change redirect uri, client_id and client_secret
Yes I've been using the docs. I've been able to get it to authenticate. My issue right now is the popup window will get the callback with the auth token and I need to save the token before the window closes. I'm assuming I'll need to use the custom interceptor but any guidance would be appreciated
You can check out example in lib repo: https://github.com/dgrubelic/vue-authenticate/blob/master/example/index.js#L111
When it resolves with twitch it redirects to a url with the token example: https://localhost#access_token=0123456789abcdefghijABCDEFGHIJ
&scope=viewing_activity_read
&state=c3ab8aa609ea11e793ae92361f002671
&token_type=bearer
&scope=viewing_activity_read
&state=c3ab8aa609ea11e793ae92361f002671
&token_type=bearer
I want to save the token in the state for future calls
All good!
methods: {
authenticate: function (provider) {
var this = this;
this.$auth.authenticate(provider).then(function () {
// Execute application logic after successful social authentication
console.log(this.$auth.getToken());
this.$router.push('/dashboard');
})
}
}
I needed to add the this_ , I was trying to use this.$auth.getToken() before but it was undefined.
Hey there, i found this module in the official alerta-webui project (Version 7.0). I am using keycloak as my auth provider in alerta. So basically i want to re-use the access_token from keycloak for API requests to another API, i want to integrate in alerta-webui 7.0 - so i coded everything but the token seems to be invalid. So my question is pretty easy: Do i get the id_token or the access_token? I need the access_token. If I get the id_token: How can i manage the auth-configuration of vue-authenticate in alerta-webui so that i get the access_token additionally? Thank's a lot!
I am I supposed to request an access token using the code and return that same token to the client side?
Ok that seems to be the case.
It seems that vue-authenticate in combination with popups, does not work out with popups very well, since they get blocked by default from the browser (Chrome in my case). Other libraries' popups do not get blocked (like https://www.npmjs.com/package/oidc-client ) - did anyone faced the same problem? Thanks.
I'm getting this error when trying to connect with FB auth
I have CORS setup in my Spring Boot applications to allow all