React app development in Business Application Studio , testing with destination

[sreehari_vpillai]

Hi ,

BAS provides HTML5 template to develop react applications. It also lists the destinations to developers as a data source for the app to consume. I see xs-app.json generated , which essentially helps after deploying the application to HTML5 repository / standalone app router

Question : I would love to test my application connecting to the destination , just like how we do with UI5 apps using ui5.yaml .

Sreehari

[Ivan-Mirisola · Accepted solution]

Hi sreehari.vpillai,

Have you tried to follow this blog's instructions:

https://blogs.sap.com/2021/07/05/react-development-with-sap-business-application-studio/

There it uses the run configurations to bind a BTP destination to your service being consumed on React.

And, once you build it and deploy it to BTP, it also uses the same destination.

You also would be able to run it locally on a VSCode by adapting the .vscode launch configuration like I did on the following project (same as the blog):

https://github.com/ivanmir/ReactPrj

Best regards,
Ivan

[sreehari_vpillai · Accepted solution]

thanks Ivan. I tried it and works smoothly. I tried with BAS.

Thanks for the git repo . You mentioned vscode. Does that mean the binding destination feature works in VS code ? ( I am yet try that option )

Sree

[rahulll]

Hi sreehari.vpillai,

You can try this extension https://marketplace.visualstudio.com/items?itemName=ragarwal06.create-sap-fs-app-vsix. It lets you create applications with MTA & destinations support

[sreehari_vpillai]

thanks Rahul . I will try this extension.