Can I use MSAL.js directly in Cloudflare Workers?

No, MSAL.js relies on browser or Node.js APIs not available in the Workers V8 isolate. This skill uses the 'jose' library, which is pure JavaScript and compatible with the Workers runtime for server-side token validation.

Is this compatible with the latest Microsoft Entra ID standards?

Yes, it uses MSAL v5, the Authorization Code Flow with PKCE, and accounts for upcoming ADAL and Azure AD B2C retirement schedules.

What libraries are required?

You will need @azure/msal-react and @azure/msal-browser for the frontend, and the jose library for the Cloudflare Workers backend.

How does this handle SPA refresh token expiration?

It includes logic to catch 'InteractionRequiredAuthError' and trigger 'acquireTokenRedirect', handling the 24-hour expiration limit imposed on SPA-issued refresh tokens by Microsoft Entra ID.

Does this work with React Router v6?

Yes, it includes a CustomNavigationClient implementation to solve the common issue where React Router v6 strips auth hash fragments, preventing infinite redirect loops.

Azure Entra ID Auth (React + Cloudflare)

Name: Azure Entra ID Auth (React + Cloudflare)
Author: danstrem2

bydanstrem2

•

クラウドインフラストラクチャ

Implements secure Microsoft Entra ID authentication for React applications and Cloudflare Workers using MSAL.js and JWT validation.

This skill provides a production-ready implementation pattern for integrating Microsoft Entra ID (formerly Azure AD) into full-stack applications. It bridges the gap between frontend React SPAs using MSAL.js and serverless backends like Cloudflare Workers, where standard MSAL libraries are incompatible. By utilizing the Authorization Code Flow with PKCE and the jose library for JWT validation, it ensures secure, modern authentication while providing specific fixes for common Entra ID errors like silent sign-in loops and refresh token expirations.

主な機能

01Full-stack MSAL.js v5 integration for React SPAs

02Custom NavigationClient for seamless React Router v6 integration

03Pre-configured handling for common Azure AD errors (AADSTS50058, AADSTS700084)

04Secure Authorization Code Flow with PKCE implementation

05JWT validation for Cloudflare Workers using the jose library

061 GitHub stars

ユースケース

01Migrating legacy ADAL or MSAL v4 implementations to modern MSAL v5 standards

02Building enterprise-grade React applications with Microsoft Single Sign-On (SSO)

03Validating Microsoft Entra ID tokens within a serverless Cloudflare Workers environment

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add danstrem2/clawdbot-skill-master-pack azure-auth

For use in Claude.ai and ChatGPT

Download Skill