Oktatóanyag A Projeto Final Do Curso IoT Aplicada a Smart Home Inatel / Novembro 2017: 4 lépés (képekkel)

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:41

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

Seria criado um aplicativo em branco digitando o seguinte comando no prompt do windows:

ionic start smart-home-projeto_final blank

Írja be az IDE Visual Studio Code kódját, amely alkodik a kódokhoz, és a comunicar com vagy a dweet.io webhelyen.

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

Os dois arquivos que serão alterados inicialmente são o "home.html" e o "home.ts". Nincs "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 no 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 é needsário criar um arquivo para a comunicação com o dweet. Abrir um prompt no próprio Visual Studio aberto e digitar:

ionos generátor szolgáltató dweet

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

Tudo pronto e agora basta digitar no mesmo prompt to Visual Studio or comando para abrir o applicativo:

ionos tálalás.

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

Az okostelefonok vizuális megjelenítése basaxar vagy applikációs ionos DevApp no Google Play és e-iniciá-lo para que este reconheça o applicativo Ionic rodando na sua rede wifi.