Sharepoint framework, how to get Item (Library Page) URL and Views Count using context.spHttpClient

We are building a "pages summary web part" that shows the main informations inside a given List (Library Page). For every Item I need to retrieve its URL and its Views Counter.

Using Sharepoint Framework, I was able to retrieve Title, Description, BannerImageURL, but I can't get the Item URL or Views Counter.

My code looks like:

private _getListData(): Promise < ISPLists > {
·····return this.context.spHttpClient.get(this.context.pageContext.web.absoluteUrl + `/_api/web/lists/getbytitle('LibName')/items?select=ID,Title,Section,Topic,Description,BannerImageUrl`, SPHttpClient.configurations.v1)
·····.then((response: SPHttpClientResponse) => {
··········return response.json();
·····});

·····private _renderList(items: ISPList[]): void {
·····let html: string = '';
·····items.forEach((item: ISPList) => {
··········html += `
··········<div >
···············<a href=${item.PageURL}>
···················<img aria-hidden="true" role="presentation" src=${item.BannerImageUrl.Url}>
···············</a>
··········<div>
···············<a href=${item.BannerImageUrl.Url}>
····················<h2>${item.Title}</h2>
···············</a>
···············<div>
····················<p>${item.Description}</p>
···············</div>
···············<div>
····················<h3>Department: ${item.Section} - ${item.Created}</h3>
···············</div>
···············<div>
····················<h5>${item.viewcount} visualizaciones</h5>
···············</div>
··········</div>
····· `;}
·····}

obviously item.PageURL and item.viewcount do not exist, I'm writing them in order to explain what I'm looking for.

Any ideas about how to reach the URL and the View Counts?

apis

developer

Forum Discussion

Sharepoint framework, how to get Item (Library Page) URL and Views Count using context.spHttpClient

Resources