module.exports = function(context, req) {

var authorityHostUrl = 'https://login.microsoftonline.com';

var tenant = 'your.onmicrosoft.com';

var authorityUrl = authorityHostUrl + '/' + tenant;

var clientId = '-----------------';

var clientSecret = '----------------';

var resource = 'https://your.sharepoint.com';

var thumbprint = '----------------';

var certificate = fs.readFileSync(__dirname + '/cert.pem', { encoding : 'utf8'});

var authContext = new adal.AuthenticationContext(authorityUrl);

authContext.acquireTokenWithClientCertificate(resource, clientId, certificate, thumbprint, function(err, tokenResponse) {

if (err) {

context.log('well that didn\'t work: ' + err.stack);

context.done();

return;

}

context.log(tokenResponse);

var accesstoken = tokenResponse.accessToken;

var options = {

method: 'GET',

uri: "https://your.sharepoint.com/_api/web/title",

headers: {

'Accept': 'application/json;odata.metadata=full',

'Authorization': 'Bearer ' + accesstoken

}

};

context.log(options);

httpRequest(options, function(error, res, body){

context.log(error);

context.log(body);

context.res = { body: body || '' };

context.done();

});

});

};

render() {

return (

<div>

{ this.state.isLoading &&

<SpinnerLoading />

}

{ !this.state.isLoading &&

<div>

<TaxonomyPicker

name="Qualification"

displayName="Qualification:"

defaultOptions={this.state.QualificationData}

multi={true}

placeholder="Qualification"

className = "ms-font-xs ms-fontWeight-regular ms-fontSize-xs"

onPickerChange = {this.changedQualification.bind(this)}

/>

<PrimaryButton

data-automation-id='dataSubmit'

text='Create'

className = "ms-font-xs ms-fontWeight-regular ms-fontSize-xs"

onClick = {this.addItem}

/>

</div>

}

</div>

);

}

import * as $ from "jquery";

import {setup, Web} from "sp-pnp-js";

setup({

headers: {

"Accept": "application/json;odata=verbose",

}

});

let w = new Web("https://sharepoint");

w.select("Title").get().then(w => {

$("#pnp-test").text("This is the title of the current Web : " + w.Title);

});

w.lists.getByTitle("Resources").items.get().then(items => {

$("#pnp-items").text("Task list has : " + items.length.toString());

});

body {

font-family: Verdana, Geneva, sans-serif;

}

.example {

margin: 10px;

}

.example .code {

border: 1px solid lightgray;

padding: 10px;

font-family: "Lucida Console", Monaco, monospace;

}

Ну и напоследок, необходимо выполнить команду для генерации сборки

webpack ./app/scripts/app.ts ./app/scripts/bundle-app.js

Сгенерируется файл bundle-app.js, который будет использоваться на веб странице.

Проверяем, что получилось, запускаем команду gulp browser-sync и переходим на страницу SharePoint.