Document Tree 

Modern Document Management with SharePoint, Microsoft Graph and ASP.NET Core

Secure integration of SharePoint documents into a modern web application (Angular / API / Graph).

Overview

This solution connects SharePoint Online with a modern web application via Microsoft Graph and an ASP.NET Core API. This enables documents to be delivered securely, in a structured way, and user-friendly within a custom application or portal.

Architectuur (3-tier)

Frontend (Angular) | V ASP.NET Core API | V Microsoft Graph | V SharePoint Online

Result: improved security, scalability, and flexibility — without Graph tokens in the browser.

Key Features

Intuitieve document structure

The application automatically reads the full folder structure from SharePoint and displays it in a clear tree view.

Document preview

    Users can view documents instantly without downloading them first. Supported formats: 
  • Word *
  • Excel *
  • PowerPoint
  • PDF
  • Images

* in feature list 

Secure downloads

Downloads are handled via the API so that:

  • access is centrally managed
  • Graph tokens are never exposed to the browser
  • logging & auditing are possible

Fast navigation

Thanks to hierarchy and thumbnails, users can quickly find the right document.

Security and control

The solution uses Microsoft Entra ID (Azure AD) and Microsoft Graph for secure access.

Security principles

  • No direct browser access to SharePoint
  • Tokens remain on the server
  • Minimal permissions via Graph
  • Optional tenant- or site-specific access control

    • Suitable for sensitive business information and compliance requirements.

Flexible configuration

Configuration can be dynamically managed via:

  • SQL database (runtime settings)
  • Azure Key Vault (secrets)
  • appsettings.json (defaults)
  • Changes without redeployment
  • Support for multiple sites or tenants
  • Easily extensible

Benefits for Organizations

Modern user experience
A user-friendly document interface on top of SharePoint.

Enterprise-grade security
Integration with Microsoft Entra ID and Graph API.

Flexible architecture
Suitable for expansion across multiple sites or tenants.

Future-proof
Built on Microsoft Graph and modern web technologies.

Integration
Fits into existing portals, intranets, or business applications.

Typical Use Cases

  • Document portals
  • Intranet applications
  • Knowledge bases
  • Project documentation
  • Customer portals 

Conclusion

By combining SharePoint, Microsoft Graph, and ASP.NET Core, a powerful solution for modern document management is created. Organizations benefit from:

  • secure access to documents
  • a user-friendly interface
  • a flexible and scalable architecture

WOCLOUD e-book sample 

Sharepoint View

Document integration via Graph (React.js→ API → Graph → SharePoint)

We have an open-source web client available in html/css/javascript that can be used as an example for webbuilders, so you can adapt the layout and features available in the Document Tree app. * 

* feature list