Tutorial Do Projeto Final Do Curso IoT Aplicada a Smart Home Inatel / Novembro 2017: 4 Cov Kauj Ruam (nrog Duab)
Tutorial Do Projeto Final Do Curso IoT Aplicada a Smart Home Inatel / Novembro 2017: 4 Cov Kauj Ruam (nrog Duab)

Video: Tutorial Do Projeto Final Do Curso IoT Aplicada a Smart Home Inatel / Novembro 2017: 4 Cov Kauj Ruam (nrog Duab)

Video: Tutorial Do Projeto Final Do Curso IoT Aplicada a Smart Home Inatel / Novembro 2017: 4 Cov Kauj Ruam (nrog Duab)
Video: TensorFlow Dev Summit 2019 Keynote 2024, Kaum ib hlis
Anonim
Image
Image

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 tsis muaj qhov ua rau windows:

ionic pib ntse-tsev-projeto_final dawb paug

Abrir a IDE Visual Studio Code rau alterar os códigos que irão comunicar com o dweet.io.

Após abrir o pom lub studio é necessário abrir a pasta em que o aplicativo em branco foi criado para alteração dos códigos.

Os dois arquivos que serão alterados inicialmente são o "home.html" e o "home.ts". Tsis yog "home.html" é que é feita toda a parte visual do aplicativo e no "home.ts" é feita a alteração das propriedades da tela do aplicativo.

Baixaro arquivo home.txt e substituir o conteúdo deste arquivo no arquivo home.html tsis muaj 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ósso é necessário criar um arquivo para a comunicação com o dweet. Abrir um tam sim tsis muaj próprio Visual Studio aberto e digitar:

ionic tsim tus muab kev pabcuam 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 código para a perfeita comunicação com o dweet.io.

Tudo pronto e agora basta digitar tsis muaj mesmo tam sim ua Visual Studio o comando para abrir o aplicativo:

siv ionic.

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

Para visualização através do smart phone basta baixar o aplicativo ionic DevApp no Google Play e iniciá-lo para que este reconheça o aplicativo Ionic rodando na sua rede wifi.

Pom zoo: