Como inserir sua aplicação TypeScript no sonarqube.

Anderson L Pereira
3 min readDec 20, 2020

--

O SonarQube é uma plataforma de código aberto desenvolvida pela SonarSource para inspeção contínua da qualidade do código, para executar revisões automáticas com análise estática do código para detectar bugs, odores de código e vulnerabilidades de segurança em mais de 20 linguagens de programação.

Objetivo deste tutorial é ensinar na prática, como configurar o sonar dentro da sua aplicação TypeScript, caso sua empresa trabalhe e você precisa testar antes subir para o servidor. Segue o exemplo de como ela fica após subir para o sonar.

Url do projeto : https://github.com/andersonluizpereira/journal-notify-typescript/blob/brandwithcategory

Vamos a instalação npm install -D sonarqube-scanner.

Próximo passo é inserir dentro do arquivo package.json este executor.

Para sonar escanear o seu projeto, crie um arquivo na raiz do seu projeto "sonar-project.properties" com os seguintes itens.

sonar.host.url é o servidor onde você vai enviar os dados para analise.

Uma das configurações mais importantes é o reportPaths o arquivo onde fica as métricas de cobertura de código da sua aplicação.

Próximo passo eu subo o docker com as configuração dentro docker-compose.yml.

Dentro da raiz do projeto faço docker-compose up -d

Espero um pouco pois o sonarqube demora um cadinho para subir.

A url para testar é http://localhost:9001/. Usuário e senha é o padrão.

Olha o usuário e senha dos benditos rs.

Vai aparecer uma tela com essa cara abaixo.

Rode o bendito comando "npm run sonar:scanner", apenas espere e não se desespere ok!.

Vai aparecer uma tela bacana como essa aqui.

Agora veja o quanto seu crud foi coberto, um abraço. Brincadeiras a parte, agora é ajuste fino blz ! Um abraço.

--

--

No responses yet