React

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It enables developers to create reusable UI components, manage the state of the application, and render it on the web as it changes. React's virtual DOM makes updates smoother and faster, enhancing the performance of complex applications.

AppPaaS supports React version 18.2.0 and is available on node.js 18/node.js 20. Please choose the version you want to use.

1. Service Preferences a) Internal port: This is the port that the service listens to after it is deployed. Port 3000 is used and if you have changed that port within the source, you will need to enter the changed value. The AppPaaS beta performs TCP health checks based on those ports. b) External port, whether to make external port public: This setting determines whether the service is open to the public. It defaults to 443, open, and when set to open, an external domain is assigned to it, making it externally accessible via https://{assigned address}. When set to private, it is inaccessible from the outside and only supports inter-service communication through internal domain addresses. c) Set automatic deployment: When you set automatic deployment, it will receive a hook for changes to the selected branch in your repository and automatically build and deploy when changes are made. <그림 1>

2. Advanced Preferences A) Installation command: By default, npm ci is performed. You can override that value if you need to modify it. b) Start command: npm run dev is performed. This can be overridden as well. c) Environment variables: Variable is entered in the form of Key/Value and the entered value is injected into an environment variable of the container OS. The injected environment variables can be accessed and used within the code via process.env. <그림 2>