PnP-JS-Core: Get all available properties of user from SharePoint

User Profile in SharePoint contains the collection of properties for each user. And some of properties are synchronized from Activity directory or Office 365 User profile based on the environment and configurations.

In this article, we are going to use PnP JavaScript Library to retrieve the values for each property for the current user and any user.

PnP JavaScript Library provides number of properties to access the SharePoint objects and methods to do Read Write operations to the SharePoint Objects. This library uses the SharePoint REST API development model to do all sort of SharePoint interactions. So this library only avail for SharePoint 2013+ and SharePoint Online.To know more about this library component, visit the below links,

Simplified JavaScript Library for SharePoint

PnP-JS-Core Library

Prerequisites

We require the below mandatory files to use PnP-JS-Core library.

• Download PnP.js PnP JS file
• Download fetch.js Used by PnP js file to handle web requests and responses (Required in IE)
• Download es6-promise.js Used by PnP js file to handle web requests and responses (Required in IE)

Include the above files as a script reference in our code and then use the PnP code snippets.

<script type="text/javascript" src="/siteassets/scripts/fetch.js"></script>
<script type="text/javascript" src="/siteassets/scripts/es6-promise.js"></script>
<script type="text/javascript" src="/siteassets/scripts/pnp.min.js"></script>
 
<div id="sample"></div>

<script type="text/javascript">
//PnP Code snippet
</script>

In below examples, we will retrieve all the available properties of a current and specified user by using different methods.

Retrieve Properties of Current User

The following example returns the collection of current user.

Syntax:

pnp.sp.profiles.myProperties.get().then(function(result){ });

//Get all user profile properties of Current User

$pnp.sp.profiles.myProperties.get().then(function(result) {
var props = result.UserProfileProperties;
var propValue = "";
props.forEach(function(prop) {
propValue += prop.Key + " - " + prop.Value + "<br/>";
});
document.getElementById("sample").innerHTML = propValue;
}).catch(function(err) {
console.log("Error: " + err);
});

• myProperties property of Profiles object returns the collection of all user profiles.
• UserProfileProperties returns the user properties in a array from the response returned by the request.

Properties of any user

The following example returns the list of properties of a user, which was passed as parameter.

Syntax:

pnp.sp.profiles.getPropertiesFor(“<Login Name>”).get().then(function(result){ });

//Get all user profile properties of given user

$pnp.sp.profiles.getPropertiesFor("i:0#.f|membership|admin@sharepointsite.onmicrosoft.com").then(function(result) {
    var props = result.UserProfileProperties;
    var propValue = "";
    props.forEach(function(prop) {
        propValue += prop.Key + " - " + prop.Value + "<br/>";
    });
    document.getElementById("sample").innerHTML = propValue;
}).catch(function(err) {
    console.log("Error: " + err);
});

• getPropertiesFor property of Profiles object returns the collection of the give user. If user is not available, error will returned through catch method.
• UserProfileProperties returns the user properties in a array from the response returned by the request.

The below are the all available properties returned by PnP library from SharePoint User Profile,

Output

The following output contains some of the properties returned by the code.

Fig 1: User properties from User Profile