Configure AMAW CI for Angular and React application from Release to Master
| Main >Using Liquid for building your application> Using Liquid for building your application > Configure CI, CD and CT with Mono-Repo > Continuous Integration > Configure Liquid CI for Angular and React application from Release to Master |
|---|
- The first step consist in create a build task importing JSON File or template in VSTS.
Click on +Import Button e choose your template file with JSON Format.
After select the JSON File, click on import button
Another option is the creation build task through a VSTS Template.
Click on +New button.
Choose a template Liquid_NPM_Install_PR_ReleaseOnMaster
- Modify the pipeline name to Liquid_NPM_Install_PR_ReleaseOnMaster or other name of your preference.
- Choose the Repository with Liquid.
In Agent Pool, select the option
In Additional Options, enable the option Allow scripts to access the OAuth token. This option allow the Powershell perform tasks integrated with Git and VSTS.
Nuget Extension - is responsible to import function from Package Management.
Git Fetch - Get source code from remote repository.
Git Checkout - Perform checkout of Source Code in local branch on VSTS.
Change Version Csproj - Git Tag - This task get the version in Git Tag and change all Package.Json Files, this resource allow the same standard version.
npm install - Angular - This task perform the analysis of Angular Packages, if show any error the process is aborted and the Developer need fix the source code.
In Use packages from this VSTS/TFS registry is necessary fill with Package Management name.
npm install - AngularOnAzure - This task perform the analysis of Angular Packages compatible with Microsoft Azure, if show any error the process is aborted and the Developer need fix the source code.
In Use packages from this VSTS/TFS registry is necessary fill with Package Management name.
npm install - React - This task perform the analysis of React Packages, if show any error the process is aborted and the Developer need fix the source code.
In Use packages from this VSTS/TFS registry is necessary fill with Package Management name.
npm install - ReactOnAzure - This task perform the analysis of React Packages compatible with Microsoft Azure, if show any error the process is aborted and the Developer need fix the source code.
In Use packages from this VSTS/TFS registry is necessary fill with Package Management name.
Git Add - After success execution of Packages with Git Version, this process Add the files and commit in Git repository.
Git Push - This step perform Git Push on Git repository.
Artifact - FrontEnd Code to Release - this step compact the source code to Release process.
Publish Artifact: drop - this step publish the file with extension .ZIP to artifact of build definition.
Configure this Build Definition in master Git repository in Branch Policies on session Build Validation.
Select the master repository
Choose branch policies option
Select Build pipeline and Manual Trigger
Allow Enabled option
