Send Rendered React component to Function App(Node Js) in AZURE to create a PDF

Question

I have to generate a PDF when the user click the button in react. I have tried client side genaration for PDF, which doesn't seem to render well for smartphones. So I am doing the same in node Js but this is hosted as a function app in Azure, and react part as a web app.

I am using handler and puppeteer to generate pdf and store it in a blob. How do I generate HTML dynamically for each request or send the whole component as a payload from the web app.

Answer 1

Instead of sending HTML, you could probably try to send a Deep Link to the exact view, have puppeteer render it and generate the PDF.

Downsides of this would be

1. Would have to impersonate the user if authentication is required
2. Would have to have lots of security implications to think about for avoiding misuse and data leaks

Also, you could build a separate service for doing this instead of trying to generate from the client application markup.