Improving the apps in production
1. Improving the apps in production
Our order system is running smoothly again. But the business wants more than stability - they want a better checkout experience. The current confirmation page is too plain, and marketing has asked us to enhance it with a richer design.2. A better way to deploy changes
In our last lesson, we fixed a bug quickly by editing code directly in the Function. That worked - but it was risky. If something else had gone wrong, customers would have felt the impact immediately. Now, let's explore a safer approach: deployment slots. With slots, we can test changes in a staging environment before pushing them to production.3. How deployment slots work
A deployment slot is like a copy of your Web App with its own hostname and configuration.4. How deployment slots work
You can deploy your changes to the slot, test them safely, and only when everything works as expected, swap the slot into production. This swap is nearly instantaneous, and Azure keeps the environment consistent.5. Deploying the UI change
We create a staging slot for our Web App and deploy the updated order form there. The slot has its own URL, so the development team and stakeholders can review the new design without affecting real customers. At this point, the production app continues running as before.6. Testing in staging
In staging, we verify that the form renders correctly, submits orders properly, and still calls the Function back-end as expected.7. Testing in staging
Because the slot shares most configuration with the production app, this test environment closely mirrors reality, giving us confidence before we go live.8. Swapping to production
Once testing is complete, we swap the staging slot into production. Azure handles the traffic redirection seamlessly. Users now see the improved interface without downtime. If we needed to, we could also roll back by swapping again, which adds extra safety.9. Benefits of this approach
Deployment slots help teams innovate safely. They separate testing from live traffic, reduce risk, and support controlled rollouts. By combining videos from earlier (direct Function edits) with this safer method, we see the value of choosing the right deployment strategy for each scenario.10. Let's practice!
Now it's your turn: deploy an updated Web App to a staging slot, test it thoroughly, and swap it into production.Create Your Free Account
or
By continuing, you accept our Terms of Use, our Privacy Policy and that your data is stored in the USA.