Does the Azure Function coding language matter for B2C Tutorial

Question

I have been following a tutorial on B2C, APIM, and a SPA linked here. I tried to follow the tutorial precisely, with the exception of some name changes. However, I made an adjustment to the Azure Function specified in the tutorial. Instead of using C# - which is provided in the tutorial - I used the Azure Function's default code in JavaScript/NodeJs because I one of my requirements is to use JS/NodeJS. When calling the API (after I log in via B2C), I encountered an error message indicating "SyntaxError: Unexpected end of JSON input". Could the issue be because I used NodeJS in place of C# for my Azure Function?

Answer 1

Hello @hampton123 - Thanks for reaching out!

I've just gone over the tutorial that you have referenced. It shouldn't matter whether you use the .NET or NodeJS runtime as long as the response types and content are the same which in this case is a plain text payload, and the default/boilerplate JS code should have worked as-is.

The Javascript equivalent of the C# code is as follows:

module.exports = async function (context, req) {     
	context.log('JavaScript HTTP trigger function processed a request.');      
	context.res = {         
		body: `Hello World, time and date are ${new Date().toString()}`
	}; 
}

Could you try this out and let me know if the same issue persists?

The error message suggests that a JSON input was invalid so it's possible the issue could be elsewhere, i.e. with the SPA code or MSAL flow.

Answer 2

Thanks to MikeUrnun I figured out that my configuration issue was the naming of my Azure Function. The request was being sent to an Azure Function that didn't exist - it was trying to call a function called "hello", when my actual function was left as the default name, so "HttpTrigger1". After I created another function named "hello", the system worked as planned.

Just as MikeUrnun also mentioned, each step on the tutorial needs to be followed extremely closely! Any naming conventions need to be followed extremely closely.