Working with SharePoint Site Permissions using PnP JavaScript Core Library

Here let us look at the working with SharePoint site permissions using the PnP JavaScript library. Some of the basic operations like retrieve available permissions, add or remove the user permissions from the site will be explained.

Note: 

• PnP JavaScript Core Library is supported on SharePoint 2013, SharePoint 2016 and SharePoint Online versions.
• The prerequisites for the operations are es6-promise.js, fetch.js, pnp.js or pnp.min.js.

The following sample shows us retrieving all user permissions of the SharePoint site along with the user roles using PnP JavaScript Core library.

	function GetUserPermissionById(userid){
	$pnp.sp.web.roleAssignments.getById(userid).expand('RoleDefinitionBindings').get().then(roleAssignments => {
	var roles = roleAssignments.RoleDefinitionBindings;
	roles.forEach(function(roleDef) {
	console.log("Permission: " + roleDef.Name);
	// Append the result to your html
	}, this);
	});
	}

view raw Get User Permission from Site By Id hosted with ❤ by GitHub

	function GetUserPermissions() {
	$pnp.sp.web.roleAssignments.expand('Member', 'RoleDefinitionBindings').get().then(users => {
	users.forEach(function (element) {
	// console.log("User: " + element.Member.Title);
	// Append the result to your html
	var roles = element.RoleDefinitionBindings;
	roles.forEach(function(roleDef) {
	console.log("Permission: " + roleDef.Name);
	// Append the result to your html
	}, this);
	}, this);
	});
	}

view raw Get User Permissions from Site hosted with ❤ by GitHub