2025 Autor: John Day | [email protected]. Última modificação: 2025-01-13 06:58
Neste passo será configurado 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 no dragon board.
Será criado um aplicativo em branco digitando o seguinte comando no prompt do windows:
iônico start smart-home-projeto_final blank
Abra um código IDE Visual Studio para alterar os códigos que comunicar com o dweet.io.
Após abrir o visual studio é necessário abrir uma pasta em que o aplicativo em branco foi criado para alterar os códigos.
Os dois arquivos que serão alterados alterados são o "home.html" e o "home.ts". Nenhum "home.html" é que é feito toda a parte visual do aplicativo e nenhum "home.ts" é feito uma 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 é necessário criar um arquivo para a comunicação com o dweet. Abrir um prompt no próprio Visual Studio aberto e digitar:
provedor de geração iônica dweet
Uma vez criado esse arquivo, baixe e substitua o conteúdo do código dweet.ts que está anexo. Isso fará como correções no código para uma comunicação perfeita com o dweet.io.
Tudo pronto e agora basta digitar no mesmo prompt do Visual Studio o comando para abrir o aplicativo:
servir iônico.
O aplicativo será aberto no seu navegador e assim, todo o processo de criação do mesmo está completo.
Para visualizar através do smartphone 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.