sunilbandla / vue-msal-sample Goto Github PK
View Code? Open in Web Editor NEWVue.js sample app with MSAL.js
Home Page: https://sunilbandla.github.io/vue-msal-sample/
Vue.js sample app with MSAL.js
Home Page: https://sunilbandla.github.io/vue-msal-sample/
I tried this sample using my own app registration, I changed the clientId then I can't login at all. The user
return empty. I think the problem is in my app registration on Azure AD (I don't use AD B2C). Is there anything that I should set on the configuration? This my current configuration on Authentication:
Hi Sunil, thanks for creating this sample and making our lives easy. I'm having this issue when I try to sign in to Microsoft, I'm getting the error message below. Everything is the same as far as the code is a concern, no idea why I keep on getting the error.
-----AuthService Code-----
export default class AuthService {
constructor() {
let redirectUri = window.location.origin;
this.applicationConfig = {
clientID: 'my client id from AzureAD',
graphScopes: ['user.read'],
};
this.app = new Msal.UserAgentApplication(
this.applicationConfig.clientID,
'',
() => {
// callback for login redirect
},
{
redirectUri,
}
);
}
Thanks in advance.
Sunil - thanks for building a great example. I had tried some other vue npms and samples nothing worked except yours for MSAL. I hope this question is for real since the last two from me turned out to have answers in the services
The code works fine. But when I move the code to production which doesn't support the history mode i.e. my production url has a # in it, it doesn't close the popup. I can see that authorization has happened and I can see tokens in popup window url has well. I unfortunately cannot turn off the # in the production url because that is how the client wants it. Is there a way to handle this scenario?
Hi Sunilbandla,
I have a question/problem
I follow your code and everything is fine. I have tested on https://sunilbandla.github.io/vue-msal-sample/ using a corporative account and logs in perfect ([email protected]), but when I try to log in in my web app(localhost) I get this error:
You can't access this application
XimbusTesting needs permission to access resources in your organisation that only an admin can grant. Please ask an admin to grant permission to this app before you can use it.
Do you know what is the problem? How/Where did you create your App ID to working with microsoft corporative accounts?
(I tested using apps.dev.microsoft.com with "Allow Implicit Flow: True", and I have tried with Azure Active Directory)
I will appreciate it so much.
Thanks in advance.
Hi Sunil,
I am seeing the id_token but no the access_token in my response. How do I go about it?
Thanks!
I am trying to following this tutorial to get access to a user's outlook mail vial outlook api.
https://docs.microsoft.com/en-us/outlook/rest/javascript-tutorial
To be more specific - this is the library for graph and I need to use this to access consumer hotmail account.
https://github.com/microsoftgraph/msgraph-sdk-javascript
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.