.Net API & React JS & to
Microsoft Azure Cloud
form-based application to a .Net API & React JS framework.
Additionally, guided the client through the entire process,
facilitating the migration from on-premise servers to Microsoft Azure.
.Net API & React JS & to
Microsoft Azure Cloud
form-based application to a .Net API & React JS framework.
Additionally, guided the client through the entire process,
facilitating the migration from on-premise servers to Microsoft Azure.
React JS & to Microsoft Azure Cloud
form-based application to a .Net API &
React JS framework. Additionally, guided the client
through the entire process, facilitating the migration
from on-premise servers to Microsoft Azure.
Client:
Bank, The Netherlands
Industry:
Banking
Technologies:
.Net 4.8, React JS, Entity Framework, nUnit, Azure DevOps, Microsoft Azure
Transformation Journey of an ASP.Net form based application to .Net API, React JS and deploy to Microsoft Azure Cloud
In 2023 and 2024, I began an important project to upgrade an old ASP.Net form-based application to a more modern architecture using .Net API and React JS. This process involved careful planning, precise execution, and a thorough grasp of both the existing system and the newest technologies available.
Challenge:
A banking client in The Netherlands needed to transfer all their on-site .NET form-based applications to Microsoft Azure. The difficulty lay in the fact that these applications were developed using older versions of the .NET Framework, which weren’t compatible with Microsoft Azure anymore. Therefore, the task was to update these applications to use modern technologies like .NET Core or the latest .NET Framework, along with a contemporary user interface framework or library such as React JS.
Solution:
To overcome these obstacles, we developed a comprehensive solution centered around transitioning the application to a modern framework using .Net API and React JS. This encompassed not only rewriting the code but also rethinking the overall architecture and design approach. By making the use features of .Net API and React JS, our goal was to ensure the application’s longevity while improving its performance, scalability, and ease of maintenance. We guided the client throughout the entire migration and transformation process and successfully moved the application to Microsoft Azure.
Step-by-Step Plan Of
- ASP.Net Form based application to Asp.NET API & React JS &
- Deploying ASP.Net API, React JS & SQL Server to Microsoft Azure Cloud
- Database Migration
- Database Analysis: Conducted an in-depth analysis of the database and subsequently transferred it to Microsoft Azure using DacPac.
- Dummy Database Migration: We also migrated a dummy database to the server.
- Third-Party Connection
- Assessing Dependencies: Examined whether the application relies on any other systems. If so, we either migrated those applications to Microsoft Azure or established connections to them.
- Migration from ASP.Net Form-Based to .Net API
- Conversion Process: Initiated the conversion of all backend ASP.Net form-based code to .Net API. This involved implementing Swagger for testing APIs and business logic.
- Authentication and Authorization: Implemented authentication and authorization mechanisms. Authorization utilized Azure Active Directory, while Microsoft Managed Identity facilitated database connectivity and blog storage requirements.
- Unit Testing: Integrated the nUnit Unit Test Framework to test controllers, services, and helper classes.
- React JS Migration
- UI Enhancement: React JS Developers began crafting a new theme that aligned with the existing bank’s brand image and UI/UX standards.
- Page Conversion: Migrated all existing pages to React JS and integrated .Net API routes with React JS pages.
- Authentication and Authorization: Authentication and authorization were managed using msal-react-spa.
- Azure DevOps Application Pipeline
- CI/CD Pipeline Templates: Created/Changed made to CI/CD Pipeline YAML Templates for future use by other applications.
- Deployment Process: The .Net API and React JS applications were deployed using Azure DevOps YAML pipelines, encompassing build, scan, test, and deployment phases.
- Database Deployment: SQL Server Database deployment using DacPac and Azure DevOps YAML pipelines.
- Compliance and Security: Compliance and security scans were implemented based on the bank’s standards, with a 3-eye approval process before code moves to production.
- Microsoft Azure Migration Process
- Dev Environment:
- Resource Group Setup: Established a resource group to consolidate all services under one Microsoft resource group.
- Infrastructure Creation: This involved creating the SQL Server and database, migrating dummy data, setting up Web Apps for the .Net API and React JS, deploying Microsoft Blob storage account for file uploads, configuring Microsoft Front-Door for security, and performing app registration processes.
- CI/CD Pipeline Development: CI/CD pipelines were developed to deploy the application using Azure DevOps pipelines to Dev, Test, and Production environments.
- UAT & Production:
- Infrastructure as Code: Created Infrastructure as Code pipelines to deploy all resources to UAT and Production environments.
- Dev Environment:
Explore Further:
- .Net Development Service: Discover more about our expertise in .Net Development service and how we can help modernize your legacy applications.
- Hire .Net Developers: Looking for skilled .Net developers to drive your digital transformation initiatives? Learn more about our hiring process and team of experts.
- React JS Development Service: Explore our React JS Development service page to discover the various services we provide for React JS development.
- Hire React.js Developers: Explore our hiring process and tap into a team of React JS experts ready to transform your front-end development landscape.
