I’m trying to use cloudflare workers to perform authenticated actions.
I’m using firebase for authentication and have access to the Access Tokens coming through but since firebase-admin uses nodejs modules it can’t work on the platform so i’m left manually validating the token.
I’ve been attempting to authenticate with the Crypto API and finally got it to import the public key sign the token to check if its valid but I keep getting FALSE. I’m struggling to figure out why its always returning false for validity.
The crypto key I imported is coming in as type “secret” where I would expect it to be “public”.
Any thoughts or assistance would be huge. Been banging my head against a table for the last couple of days trying to figure this out
This is what I have so far:
function _utf8ToUint8Array(str) { return Base64URL.parse(btoa(unescape(encodeURIComponent(str)))) } class Base64URL { static parse(s) { return new Uint8Array(Array.prototype.map.call(atob(s.replace(/-/g, '+').replace(/_/g, '/').replace(/s/g, '')), c => c.charCodeAt(0))) } static stringify(a) { return btoa(String.fromCharCode.apply(0, a)).replace(/=/g, '').replace(/+/g, '-').replace(///g, '_') } } export async function verify(userToken: string) { let jwt = decodeJWT(userToken) var jwKey = await fetchPublicKey(jwt.header.kid); let publicKey = await importPublicKey(jwKey); var isValid = await verifyPublicKey(publicKey, userToken); console.log('isValid', isValid) // RETURNS FALSE return isValid; } function decodeJWT(jwtString: string): IJWT { // @ts-ignore const jwt: IJWT = jwtString.match( /(?<header>[^.]+).(?<payload>[^.]+).(?<signature>[^.]+)/ ).groups; // @ts-ignore jwt.header = JSON.parse(atob(jwt.header)); // @ts-ignore jwt.payload = JSON.parse(atob(jwt.payload)); return jwt; } async function fetchPublicKey(kid: string) { var key: any = await (await fetch('https://www.googleapis.com/robot/v1/metadata/x509/securetoken@system.gserviceaccount.com')).json(); key = key[kid]; key = _utf8ToUint8Array(key) return key; } function importPublicKey(jwKey) { return crypto.subtle.importKey('raw', jwKey, { name: 'HMAC', hash: { name: 'SHA-256' } }, false, ['sign']); } async function verifyPublicKey(publicKey: CryptoKey, token: string) { const tokenParts = token.split('.') let res = await crypto.subtle.sign({ name: 'HMAC', hash: { name: 'SHA-256' } }, publicKey, _utf8ToUint8Array(tokenParts.slice(0, 2).join('.'))) return Base64URL.stringify(new Uint8Array(res)) === tokenParts[2]; }
Advertisement
Answer
There are a few issues with your code:
The URL you call to obtain public keys returns a list of x509 certificates. These are not public keys used to verify signatures. Are you sure you don’t have access directly to the public keys? It seems like it’s possible to get the public key information from an x509 certificate (as described here: Extract PEM Public Key from X.509 Certificate), though I’m not sure whether that’s possible from a Cloudflare worker.
In
importPublicKey
you’re telling theimport
method, that the key is in raw format and that it is anHMAC
key. This means that crypto treats your key as a symmetric HMAC key, not as a public key. According to the docs: https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/importKey#subjectpublickeyinfo you should be usingspki
format as this is the one to import a public key. You would have to know up front whether the JWT access token is signed using RSA or Elliptic Curve algorithm. (e.g. check thealg
header claim)You’re using
sign
method to verify the signature. That’s not how it works. You should be using theverify
method ofcrypto.subtle
and this method will verify the signature for you.
I think you shouldn’t be trying to verify JWTs manually, as you will most probably do it wrong (and create security issues for your app). You should be using libraries that deal with the verification of JWT signatures. It will be much easier for you and more secure for your app. One thing you have to figure out is to where you should take the public key from.