บทช่วยสอน Do Projeto Final Do Curso IoT Aplicada a Smart Home Inatel / Novembro 2017: 4 ขั้นตอน (พร้อมรูปภาพ)

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:05

Neste ขั้นที่ 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 no prompt do windows:

ionic start smart-home-projeto_final blank

ใช้ IDE Visual Studio Code สำหรับ alterar os códigos que irão comunicar com o dweet.io

Após abrir o visual studio é necessá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". ไม่มี "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 และ substituir o conteúdo deste arquivo no arquivo home.html ไม่มี Visual Studio และ salvá-lo

Baixar também o arquivo home.ts e substituí-lo ไม่มี 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 และดิจิตาร์:

ผู้ให้บริการสร้างไอออนิก dweet

Uma vez criado esse arquivo, baixe e substitua o conteúdo do código dweet.ts que está anexo Isso fará เป็น correções no código สำหรับ perfeita comunicação com o dweet.io

Tudo ทันทีและ agora basta digitar ไม่มีข้อความแจ้งให้ทำ Visual Studio o comando para abrir o aplicativo:

เสิร์ฟไอออนิก

O aplicativo será aberto no seu navegador e assim, สิ่งที่ต้องทำ o กระบวนการของ criação do mesmo está completo.

สำหรับการแสดงภาพบนสมาร์ทโฟน ใช้งานบนสมาร์ทโฟน ใช้งาน ionic DevApp ไม่มี Google Play และใช้งาน wifi ใหม่