Retrieve all users properties from User Profile (for SharePoint Online )

Question

Hello,

I need some guidance regarding how to retrieve all my users properties using Graph API or any other API that would work in SPFx environment. I have retrieved some properties but the image URL of the user was the problem.

Note: I have tried to use static URL for the image and imbed user account in it but it didn't work properly for all users.

Appreciate your help.

Best Regards

Answer 1

Hello @NZ ,

You could use graph api to get all users, then loop through the users, use @pnp/sp/profiles to get user properties for each user. Below is my sample code for you:

this.context.msGraphClientFactory  
.getClient()  
.then((client: MSGraphClient): void => {  
  client.api('/users').get(async (error, users: any, rawResponse?: any) => {  
      //console.log(users.value);  
      for(let user of users.value){  
        console.log(user.userPrincipalName);  
        let loginName="i:0#.f|membership|"+user.userPrincipalName;  
        const profile = await sp.profiles.getPropertiesFor(loginName);  
        console.log(profile);   
      }  
  });  
});  

---

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Hi @NZ ,

You could use @pnp/sp/profiles to get user properties in SPFX solution.

import { sp } from "@pnp/sp";  
import "@pnp/sp/profiles";  

Establish Context：

  protected async onInit(): Promise<void> {  
  
    await super.onInit();  
    
    // other init code may be present  
    
    sp.setup(this.context);  
  }  

Get the current user profile:

const profile = await sp.profiles.userProfile;  
console.log(profile);  

Get a specific user profile:

const loginName = "i:0#.f|membership|testuser@mytenant.onmicrosoft.com";  
const profile = await sp.profiles.getPropertiesFor(loginName);  
console.log(profile);   
console.log(profile.PictureUrl);   

Test result:

---

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 3

Hello @NZ ,

If you want to get "all users" properties in spfx, you need to use graph api to achive this: https://learn.microsoft.com/en-us/graph/api/user-list?view=graph-rest-1.0&tabs=csharp

In ./config/package-solution.json file, request permissions for the User.Read.All scope to get all users

"webApiPermissionRequests": [  
  {  
    "resource": "Microsoft Graph",  
    "scope": "User.Read.All"  
  }  
]  

Import statement:

import { MSGraphClient } from '@microsoft/sp-http';  
import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';  

List all users properties:

this.context.msGraphClientFactory  
.getClient()  
.then((client: MSGraphClient): void => {  
  client.api('/users').get((error, user: MicrosoftGraph.User, rawResponse?: any) => {  
      console.log(user);  

  });  
});  

Test Result:

Reference:

https://learn.microsoft.com/en-us/sharepoint/dev/spfx/use-msgraph
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-apis

---

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.