Tutorial Do Projeto Final Do Curso IoT Aplicada a Smart Home Inatel / Novembre 2017: 4 Passos (amb imatges)

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:14

Neste step serà mostrat o desenvolupat com a aplicatiu com a framework Ionic que irá comunicar com o dweet.io e assim, també, ler i alterar as informationções que ocorrem na dragon board.

Serà criat com a aplicatiu en blanc digitant o seguint el comandament sense demanar a Windows:

inici iònic smart-home-projeto_final en blanc

Abrir a IDE Visual Studio Code per alterar els codis que hauran de comunicar amb o dweet.io.

Após obrir o visual studio és necessari obrir una pasta em que o aplicatiu em va ser criat per a alteració dos codis.

Os dois arquivos que serão alterados inicialmente são o "home.html" e o "home.ts". No hi ha "home.html" que es fa tota una part visual aplicable i no "home.ts" és que es fa una alteració de les propietats de la tela de l'aplicatiu.

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

Baixar també o arquivo home.ts e substituir-lo no Visual Studio salvando-o.

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

Após isso is necessário criar um arquivo para a comunicação com o dweet. Abrir un sol·licitud sense Visual Studio obert i digital:

el proveïdor iònic de generar ha de ser

Uma vez criado esse arquivo, baixe e substituït 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.

Tot seguit i ara basta digital sense cap sol·licitud de Visual Studio o ordre per obrir o aplicatiu:

servei iònic.

O aplicativo aberto no seu navegador e assim, tot o procés de criació fins i tot està complet.

Per visualitzar l'através del telèfon intel·ligent basta baixar o l'aplicatiu iònic DevApp no Google Play i iniciá-lo per a aquest reconeixement o aplicatiu Ionic rodant na sua rede wifi.