DevOps / YAML for Ionic Apps in Azure Cloud

Azure YAML for Ionic Apps

For those who run Ionic mobile apps in Azure cloud, here are the YAML templates. If you have any queries or trouble setting this up — or need a DevOps setup for your Ionic apps — feel free to contact me.

YAML file for Android build

Azure Pipelines YAML template for an Android build using the Ionic framework:

trigger:
- master
pool:
  vmImage: 'macos-latest'
steps:
- task: UseNode@1
  inputs:
    checkLatest: true
- task: CmdLine@2
  inputs:
    script: |
      echo "Installing ionic"
      npm install -g @ionic/cli
      cd PROJECT_PATH
      npm install
      ionic capacitor sync
- task: Gradle@2
  inputs:
    workingDirectory: 'PROJECT_PATH'
    gradleWrapperFile: 'PROJECT_PATH/gradlew'
    gradleOptions: '-Xmx3072m'
    publishJUnitResults: false
    testResultsFiles: '**/TEST-*.xml'
    tasks: 'assembleDebug'

YAML file for iOS build

Azure Pipelines YAML template for an iOS build using the Ionic framework:

trigger:
- master
pool:
  vmImage: 'macos-latest'
steps:
- task: UseNode@1
  inputs:
    checkLatest: true
- task: CmdLine@2
  inputs:
    script: |
      echo "Installing ionic"
      npm install -g @ionic/cli
      cd PROJECT_PATH
      npm install
      ionic capacitor sync
- task: CocoaPods@0
  inputs:
    workingDirectory: PROJECT_PATH
- task: Xcode@5
  inputs:
    actions: 'build'
    scheme: 'AppName'
    sdk: 'iphoneos'
    configuration: 'Release'
    xcWorkspacePath: 'PROJECT_PATH/AppName.xcworkspace'
    xcodeVersion: 'default'