Web GIS¶

Sistema Web GIS para a visualização de talhões com dados espaço-temporais, permitindo o recorte e buscas de áreas de interesse por extensivo uso da biblioteca Openlayers.

Para a execução desta aplicação ao é necessário ter o projeto API Restful em execução utilizando Docker ou o ambiente de desenvolvimento.

Execução para o ambiente de micro serviços em Docker¶

Obs.: Necessária instalação do Node 10+ e Angular CLI 9+, não esqueça de modificar o ip do serviço de cache em app/services/cache-system.ts.

##  Construir o pacote HTML para a execução do http-server
$ ng build

## Copie o arquivo Dockerfile para o pacote recém-gerado
$ cp Dockerfile dist/web-gis && cd dist/web-gis

Para a execução do ambiente em docker execute os seguintes comandos:

## Crie uma imagem para a execução do container
$ docker build -t web-gis:latest .

## Fica a criterio do usuario criar um volume para armazenar os dados
$ docker container run --name app-smh-ui -p 8082:8080 -d web-gis:latest

Abaixo se encontra a aplicação em funcionamento utilizando os passos anteriores:

Este projeto foi gerado utilizando Angular CLI versão 9+.

Servidor para o ambiente de desenvolvimento¶

Obs.: Não esqueça de modificar o arquivo de configuração do proxy para o servidor da API que for utilizar: proxy.conf.js.

# Instalar as dependências
$ npm install

# Executar a aplicação
$ npm start

Executar o seguinte comando ng serve para executar um novo servidor de desenvolvimento. No navegador procure pelo endereço http://localhost:4200/. A aplicação irá realizar a leitura automática de arquivos em conjunto com as alterações implementadas.

Desenvolvimento de código¶

Executar o seguinte comando ng generate component component-name para gerar um novo componente em Linguagem TypeScript.

Gerando pacotes HTML¶

Execute o seguinte comando ng build para gerar o pacote HTML para a execução. Use o comando --prod tag para o ambiente de produção.

Testes Unitários¶

Execute ng test para executar os testes unitários via Karma.

Executando testes end-to-end¶

Execute ng e2e para executar o testes end-to-end via Protractor

Ajuda FAQ¶

Para maisinformações sobre a usabilidade da interface de linha de comando use ng help ou dê uma olhada Angular CLI README .