Question Re: React app development in Business Application Studio , testing with destination in Technology Q&A

React app development in Business Application Studio , testing with destination

sreehari_vpillai — Tue, 26 Sep 2023 12:18:32 GMT

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

Re: React app development in Business Application Studio , testing with destination

Ivan-Mirisola — Tue, 26 Sep 2023 14:48:05 GMT

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

Re: React app development in Business Application Studio , testing with destination

sreehari_vpillai — Tue, 26 Sep 2023 18:31:41 GMT

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

Re: React app development in Business Application Studio , testing with destination

rahulll — Wed, 27 Sep 2023 04:54:53 GMT

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

Re: React app development in Business Application Studio , testing with destination

sreehari_vpillai — Fri, 06 Oct 2023 05:48:52 GMT

thanks Rahul . I will try this extension.