Tutorial Do Projeto Final Do Curso IoT Aplicada a Smart Home Inatel / Novembro 2017: 4 Steps (with Pictures)

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:42

Neste step será mostrado o desenvolvimento do aplicativo com o framework Ionic que irá se comunicar com o dweet.io e assim, também, ler e alterar as informações que ocorrem na dragon board.

Será criado um aplicativo em branco digitando o seguinte comando sin prompt do windows:

inicio iónico smart-home-projeto_final blank

Abrir un código IDE de Visual Studio para alterar los códigos que irán a comunicar con dweet.io.

Após open o visual studio é needário open a pasta em que o aplicativo em branco foi criado para a alteração dos códigos.

Os dois arquivos que serão alterados encuentran são o "home.html" e o "home.ts". No "home.html" é que é feita toda una parte visual del aplicativo y no "home.ts" é feita una alteración de las propiedades de la tela del aplicativo.

Baixaro arquivo home.txt e substituir o conteúdo deste arquivo no arquivo home.html ni Visual Studio e salvá-lo.

Baixar também o arquivo home.ts e substituí-lo no Visual Studio salvando-o.

Fazer o mesmo com o arquivo app.module.ts e salvá-lo.

Após isso é necessário criar um arquivo para una comunicação com o dweet. Abrir um prompt no próprio Visual Studio aberto e digitar:

proveedor de generación iónica dweet

Uma vez criado esse arquivo, baixe e substitua o conteúdo do código dweet.ts que está anexo. Isso fará as correções no code for a perfeita comunicação com o dweet.io.

Tudo pronto e agora basta digitar no mesmo prompt do Visual Studio o comando para abrir o aplicativo:

servicio iónico.

O aplicativo será aberto no seu navegador e assim, todo o proceso de criação do mesmo está completo.

Para visualizar através de teléfonos inteligentes basta baixar o aplicativo iónico DevApp no Google Play e iniciá-lo para que este reconheça o aplicativo iónico rodando na sua rede wifi.