Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.


Vitrine de componentes PO-UI com a folha de estilo @totvs/po-theme

THF-COMPONENTS


Expandir
titleObjetivo

O documento a seguir tem como objetivo documentar a utilização dos pipelines na plataforma Azure Devops para a publicação do projeto

Vitrine de componentes PO-UI com a folha de estilo @totvs/po-theme

THF-COMPONENTS


Expandir
titleAzure Devops
Os arquivos da página Angular e seus respectivos pipelines estão hospedados no projeto TotvsappsAzureDevops - SupportElementsTHF na plataforma Azure Devops Totvs.

Todos os processos listados nos próximos tópicos desta documentação serão executados na plataforma.

 

Para saber mais sobre as arquiteturas e projetos considerados como SupportElements considere a leitura da documentação: https://totvs.app/doc/private/conventions/development/versioning/repositories/#totvsapps-supportelements


Expandir
titleEndereço de publicação da página

Atualmente a página é publicada no seguinte endereço: https://smart-ui.dev.totvs.app/


Expandir
titleRepositório

Repositório de arquivos da página Angular Vitrine de componentes PO-UI

https://totvstfs.visualstudio.com/TOTVSApps-SupportElements/_git/smart-ui-service-ui

Branches padrões

  • Main

  • Develop


Expandir
titleDevops - Pipelines e imagens docker

Os pipelines são configurados de acordo com a branch padrão onde as alterações foram “mergeadas”.

Os arquivos de configurações ficam armazenados na pasta devops na raiz do projeto.

Pasta ./devops: 

  • Docker

    • Dockerfile

  • Pipelines

    • ci.main.yaml

    • ci.develop.yaml


Expandir
titleCI - Pipeline de Build

O pipeline de build é disparado sempre que uma modificação ocorre na branch main ou dev.

Ele foi configurado no arquivo yaml para realizar as seguintes etapas:

Build image:

Dispara a geração da imagem Dockerfile, responsável por realizar as seguintes etapas:

  1. Install: Instalação do node, dos pacotes NPM, angular/cli.

  2. Npm Build: Realiza o build do app Angular, através dos comandos do Angular.

  3. SonarQube: Instalação do JDK e Code Analysis Publish Quality Gate

  4. Publish: Disponibiliza os arquivos após o build

Scanner de Vulnerabilidade:

Realiza a análise de vulnerabilidades na imagem gerada no passo anterior

Publicação do artefato e da imagem:

Realiza a publicação dos artefatos gerados, a pasta ‘/dist’ e o CoverageReport

draw.io Diagram
bordertrue
diagramNameMerge Branch Main
simpleViewerfalse
width
linksauto
tbstyletop
lboxtrue
diagramWidth831
revision1

Em resumo, a responsabilidade do pipeline de CI é gerar o build do projeto com sucesso e entregá-lo através dos artefatos do azure pipelines para o deploy.

Pipelines:

smart-ui-service-ui-develop-ci

smart-ui-service-ui-main-ci