Need help to customize azure open AI deployed web app UI.

Question

Need help to customize azure open AI deployed web app UI.

jonathan bora 0

Hi, I have deployed an azure web app from azure AI foundry portal, but i have made some change on the frontend code and uploaded them back using ftp connection but the changes are not shown on the web interface nothing changed, but when i check through SSH, i can see that my changes are made, how can i commit a frontend design change to this deployed webapp?

need your assistance.

Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
Saideep Anchuri 8,930 Reputation points Microsoft External Staff Moderator

2025-06-09T01:17:34.9466667+00:00
Hi jonathan bora

It sounds like you're having some trouble getting your frontend changes to show up on your Azure OpenAI web app after uploading them via FTP

Here are some steps:

Go to your web app in the Azure portal.

If you have customized or changed the app's source code, you need to update your app's source code manually and redeploy it.

Since you have uploaded the changes using FTP, ensure that the changes are reflected in the source code of your web app.

After verifying the changes in the source code, you need to synchronize the web app to apply the changes to the web interface.

Check the source code of your web app to ensure that the changes have been successfully uploaded.

Verify that the changes are correctly applied in the source code.

Synchronize the web app to apply the changes to the web interface.

If you're customizing the UI, make sure you’ve correctly set any necessary environment variables as outlined in the documentation. These variables can control various aspects of your app's appearance.

Kindly refer below link: deploy-chat-web-app

use-web-app

Thank you.
Saideep Anchuri 8,930 Reputation points Microsoft External Staff Moderator

2025-06-10T01:47:56.42+00:00

Hi jonathan bora

Did you get any chance to check above response.

Thank You.
Saideep Anchuri 8,930 Reputation points Microsoft External Staff Moderator

2025-06-11T02:45:49.58+00:00

Hi jonathan bora

We haven’t heard from you on the last response and was just checking back to see if you have a resolution yet

Thank You.

1 answer

Your answer

Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
Saideep Anchuri 8,930 Reputation points Microsoft External Staff Moderator

2025-06-09T01:17:34.9466667+00:00

Hi jonathan bora

It sounds like you're having some trouble getting your frontend changes to show up on your Azure OpenAI web app after uploading them via FTP

Here are some steps:

Go to your web app in the Azure portal.

If you have customized or changed the app's source code, you need to update your app's source code manually and redeploy it.

Since you have uploaded the changes using FTP, ensure that the changes are reflected in the source code of your web app.

After verifying the changes in the source code, you need to synchronize the web app to apply the changes to the web interface.

Check the source code of your web app to ensure that the changes have been successfully uploaded.

Verify that the changes are correctly applied in the source code.

Synchronize the web app to apply the changes to the web interface.

If you're customizing the UI, make sure you’ve correctly set any necessary environment variables as outlined in the documentation. These variables can control various aspects of your app's appearance.

Kindly refer below link: deploy-chat-web-app

use-web-app

Thank you.
Saideep Anchuri 8,930 Reputation points Microsoft External Staff Moderator

2025-06-10T01:47:56.42+00:00

Hi jonathan bora

Did you get any chance to check above response.

Thank You.
Saideep Anchuri 8,930 Reputation points Microsoft External Staff Moderator

2025-06-11T02:45:49.58+00:00

Hi jonathan bora

We haven’t heard from you on the last response and was just checking back to see if you have a resolution yet

Thank You.

Answer 1

To commit your frontend design changes to the deployed Azure OpenAI web app, you need to ensure that your changes are properly synchronized with the app's deployment process. Since you have already made changes and confirmed them via SSH, follow these steps to ensure they are reflected in the web interface:

Redeploy the App: After making changes to your frontend code, you need to redeploy the app. You can do this by using the Azure CLI or the Azure portal. If you are using the Azure CLI, you can run the command:
```
   az webapp up
```
This command will redeploy your app with the latest changes.
Check Deployment Center: In the Azure portal, navigate to your web app and select the Deployment Center. Ensure that the deployment process has completed successfully and that there are no errors.
Clear Cache: Sometimes, changes may not appear due to caching. Clear your browser's cache or try accessing the web app in incognito mode to see if the changes are reflected.
Sync Changes: If your app is connected to a GitHub repository, ensure that you push your changes to the repository and sync them through the Deployment Center.

By following these steps, you should be able to see your frontend design changes reflected in the deployed web app.

References:

Share via

Need help to customize azure open AI deployed web app UI.

1 answer

Your answer