Smart Piscina Com IoT Ionic Dweet E DragonBoard
उत्पादन जानकारी:
Smart Piscina Com IoT एक IoT वास्तुकला उत्पादन हो
Ionic प्रयोग गरेर स्विमिंग पूलको नियन्त्रण र निगरानी सक्षम गर्दछ,
Dweet, र DragonBoard प्रविधिहरू। जस्ता अवयवहरू समावेश छन्
Linker Mezzanine, 96Boards GPIO, र Py-Spidev। उत्पादन
प्रयोगकर्ताहरूलाई उपचार स्थिति, पम्प स्थिति निगरानी गर्न अनुमति दिन्छ,
जलाशय स्थिति, र पूल को pH मान। उत्पादन पनि
Dweet प्रदायक समावेश गर्दछ जसले प्रयोगकर्ताहरूलाई डेटा पठाउन सक्षम गर्दछ
थप विश्लेषणको लागि Dweet.io प्लेटफर्म।
उत्पादन प्रयोग निर्देशन:
Smart Piscina Com IoT उत्पादन प्रयोग गर्न, यी पालना गर्नुहोस्
निर्देशन:
- निम्न चलाएर सफ्टवेयर अपडेट र अपग्रेड गर्नुहोस्
टर्मिनलमा आदेशहरू:
sudo apt-get update
sudo apt-get upgrade
sudo apt-get dist-upgrade - निम्न आदेशहरू चलाएर अतिरिक्त कम्पोनेन्टहरू स्थापना गर्नुहोस्
टर्मिनलमा:
sudo apt-get install gedit
sudo apt-get install python-pip
sudo apt-get install build-essential autoconf automake
libtool-bin pkg-config python-dev
git clone
https://github.com/jackmitch/libsoc.git
cd libsoc
sudo autoreconf -i
sudo ./configure --enable-python=2 --enableboard=
dragonboard410c --with-board-configs
sudo make
sudo make install
sudo ldconfig /usr/local/lib
git clone
https://github.com/96boards/96BoardsGPIO.git
cd 96BoardsGPIO/
sudo ./autogen.sh
sudo ./configure
sudo make
sudo make install
sudo ldconfig
git clone https://github.com/doceme/pyspidev.git
cd py-spidev
sudo python setup.py install
sudo ldconfig - libsoc.conf सम्पादन गर्नुहोस् file निम्न आदेश चलाएर
टर्मिनल:
sudo gedit /usr/local/etc/libsoc.conf
अपडेट गर्नुहोस् file निम्न सामग्री:
{ status_tratamento: 0, ligadesliga_bomba: 0, status_bomba:0,
status_reservatorio:0, PH_setpoint:6, PH_valor: 4 } - निम्न आदेश चलाएर अनुरोध पुस्तकालय स्थापना गर्नुहोस्
टर्मिनल:
sudo pip install requests - spidev, time, Dweet, gpio, र आयात गरेर उत्पादन प्रयोग गर्नुहोस्
GPIO। नियन्त्रण र निगरानी गर्न आवश्यक कार्यहरू चलाउनुहोस्
पौंडी पोखरी। पूर्वका लागिample, pH पढ्न readPH प्रकार्य प्रयोग गर्नुहोस्
पूल को मूल्य। सक्रिय/निष्क्रिय गर्न liga_des_bomba प्रकार्य प्रयोग गर्नुहोस्
पम्प। pH सेटपोइन्ट अद्यावधिक गर्न atualiza_sp प्रकार्य प्रयोग गर्नुहोस्
मूल्य। Dweet.io मा डाटा पठाउन dweetPost प्रकार्य प्रयोग गर्नुहोस्
थप विश्लेषणको लागि प्लेटफर्म।
instructables
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard
rxidieh द्वारा
परिचय
Apresento aqui uma solução para monitoramento e tratamento de piscinas de maneira remota, que poderia ser usado tanto pelo proprietário de um imóvel, como por algum piscineiro que poderia veri car remotamente diversas piscinas a quaisendeele. DragonBoard da Qualcom e na Placa Linker Mezanine da 96boards को हार्डवेयर उपयोगिता। Também serão utilizados sensores da Arrow para a placa Linker Mezanine। Esta não é uma implementação nal! Mas sim um desenvolvimento para mostrar como realizar a programação do Hardware, a comunicação com um serviço repositório na nuvem ea criação de um app para acesso e controle do sistema। जस्तै funções criadas são: -Controle do PH da Piscina -Acionamento da Bomba e monitoramento -Monitoramento do nível do reservatório de produto para tratamento
वास्तुकला IoT
A automação eo controle do tratamento da piscina são realizados pela Dragonboard, com इन्टरफेस do usuário app मार्फत Web। Para que isto seja possível, é utilizada a arquitetura demonstrada na imagem, e consiste em:
1. Os dados são lidos e processados pela Dragonboard 2. A DragonBoard escreve em um repositório na Web, neste caso o Dweet.io 3. O Dweet.io disponibiliza as informações lidas para que sejam disponíveis para outras aplicações 4. Um aplicativo Web desenvolvido no Ionic e Acessa os dados do Dweet.io e apresenta em uma ईन्टरफेस
प्रयोगका लागि HTML
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 1
चरण 1: हार्डवेयर कन्फिगर गर्नुहोस्
como dito, foi utilizada a DragonBoard 410c para realizar a automação e controle local da piscina। Junto com a Dragonboard foi instalada um shield da 96boards chamado Linker Mezanine, que facilita o acesso aos IOs da DragonBoard। Este shield tb possui dois conversores A/D para leitura de dados analógicos। Nas imagens existe a con guração utilizada para conexão dos IOs deste exemplo।
1. Foi considerado o uso de um PHmetro que forneça uma saída proporcional de 0 a 5V para que seja compatível com a entrada do A/D। Caso seja utilizado um com sinal maior, será necessário um divisor resistivo para compatibilizar o sinal com a entrada
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 2
2. कुनै उदाहरण छैन, ao invés de um PHmetro foi utilizado um potênciometro para simulação do sinal 3. Para simular o acionamento da bomba foi utilizado um led, que em um projeto real poderia ser um
acoplador ótico acionando um TRIAC ou relé 4. O sensor de rotação da bomba foi simulado com um sensor de toque। Em uma aplicação real poderia ser
um sensor no eixo da bomba ou um contado auxiliar do contator que aciona a bomba। Neste caso, em caso de defeito da bomba ou queda do disjuntor, seria possível veri car que a bomba foi acionada e não está girando 5. O sensor para nível do reservatório é um do tipo “tilt” que deverá ser bómaado 6 install Por m, a doseagem de produto é feita por uma eletroválvula acionada por um relé
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 3
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 4
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 5
चरण २: ड्र्यागनबोर्डको तयारी
Atualização da Placa e instalação das bibliotecas p/ 96boards
A placa DragonBoard vem de fábrica com uma distribuiçaõ Linux chamada Linaro, ela é su ciente em recursos para executar esta aplicação, bastando atualizar a placa e realizar a instalação das bibliotecas da 96boards instalação das bibliotecas da XNUMXboards interface लाईनक्स। Uma vez que estamos trabalhando em Linux, podemos acessar o Terminal para realizar os comandos de atualização e instalação de bibliotecas: Os seguintes comandos realizam a atualização da placa:
sudo apt-get update sudo apt-get upgrade sudo apt-get dist-upgrade
Para trabalhar com o Python, também realize a instalação de um editor de textos e do interpretador
sudo apt-get install gedit sudo apt-get install python-pip
Na sequeência serão instaladas as Bibliotecas necessárias। Os comandos devem ser apresentados na ordem a seguir e são críticos para a instalação correta:
sudo apt-get install build-essential autoconf automake libtool-bin pkg-config python-dev sudo रिबुट
LIBSOC (Acesso a Linker Mezanine)
git clone https://github.com/jackmitch/ libsoc.git cd libsoc sudo autoreconf -i sudo ./configure –enable-python=2 –enableboard= dragonboard410c –with-board-configs sudo make sudo make install sudo ldconfig /usr /local/lib sudo रिबुट
९६ बोर्डहरू:
git क्लोन https://github। com/96boards/96BoardsGPIO.git
cd 96BoardsGPIO/
sudo ./autogen.sh sudo ./configure sudo मेक sudo बनाउनुहोस् sudo ldconfig स्थापना गर्नुहोस्
Quase no m… mas aproveitamos para instalar tb a biblioteca para acesso a parte analógica da Linker Mezanine:
git क्लोन https://github.com/doceme/pyspidev.git cd py-spidev sudo python setup.py स्थापना गर्नुहोस् sudo ldconfig sudo रिबुट
É importante lebrar que na LIBSOC estão as referências de endereçamento da Linker Mezanine, e serve de referência caso precise acessar diretamente um endereço de IO
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 6
sudo gedit /usr/local/etc/libsoc.conf
चरण 3: Criação Do Objeto No Dweet.io
como o próprio slogan diz, o dweet.io funciona como um Twitter para IoT, onde as coisas podem enviar e receber dados pela internet de maneira facilitada Uma característica importante é que o Dweet não necessita de uma autentica autenticaao completadosos o torna interessante para início dos testes com IoT। Para criar o objeto no Dweet basta seguir os seguintes passos:
1. Acessar o Dweet.io e clicar em "Play" 2. na guia POST crie um nom para o obejto no campo "वस्तु" 3. छैन गampo "सामग्री" adicione os dados que serão lidos e enviados। Os dados devem estar no formato
"json" 4. क्लिक गर्नुहोस् "यसलाई प्रयास गर्नुहोस्!" e "Response Body" को नतिजा अवलोकन गर्नुहोस् 5. Caso queira con rmar o uncionamento da "coisa", vá até ocampo "नवीनतम ट्वीट प्राप्त गर्नुहोस्", insira o nome do
"यसलाई प्रयास गर्नुहोस्" लाई क्लिक गर्नुहोस्। Para esta aplicação foi criado o objeto "smart_piscina" que tem o seguinte conteúdo:
{ “status_tratamento”: 0, “ligadesliga_bomba”: 0, “status_bomba”:0, “status_reservatorio”:0, “PH_setpoint”:6, “PH_valor”: 4 }
Nele estão todos os dados necessários para comunicação entre a DragonBoard ea aplicação Web। É importante ressaltar que o nome do objeto deve ser alterado no Dweet e no código fonte das aplicações para evitar que outros dispositivos acessem simultaneamente a coisa gerando resultados indesejados
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 7
चरण 4: कार्यक्रम पाइथन
Logica de Funcionamento
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 8
O software de Controle da Piscina foi desenvolvido em Python, que é uma linguagem simples e interpretada, ou seja não necessita de compiladores para obter a execução da aplicação। जस्तै funções realizadas pelo software piscina_ nal.py, que roda na DragonBoard são seguintes:
1. Controla o PH, Monitorando o valor medido na piscina e comparando com o "Setpoint" de nido pelo usuário no Web एप। A correção será feita dosando produto através do acionamento da eletroválvula।
2. O acionamento da eletroválvula é temporizado, ou seja, uma certa quantidade de produto é dosada ea lógica aguarda um determinado período para realizar uma nova dosagem
3. O controle só é realizado se a bomba da piscina estiver em funcionamento e se o nível do tanque de produto para dosagem estiver ठीक छ!
4. Quando o PH atinge um valor superior ao desejado, a dosagem para automaticamente 5. Controla a bomba, ligando e desligando a mesma através do Web app, conforme solicitação do usuário 6. Monitora e informa ao usuário o nível do reservatório do produto de Dosagem 7. Informa anomalia na bomba, caso seja ligada e não rode।
Antes de apresentar o código, devemos realizar alguns ajuste na Dragonboard para que ela se comunique adequadamente com o Dweet.io
कम्पोनेन्टहरू थप्नुहोस्
POST र GET em HTTP को लागी एक biblioteca REQUESTS स्थापना गर्नुहोस्
sudo pip स्थापना अनुरोधहरू
copiar o arquivo dweet.py para a mesma pasta onde está a aplicação smart_piscina.py
Código Fonte em Python
A seguir apresentamos o código por partes, nesta primeira são lidas as bibliotecas necessárias, con gurados os IOs e realizada a leitura analógica do valor de PH।
dweet बाट spidev आयात समय आयात गर्नुहोस् libsoc बाट Dweet आयात गर्नुहोस् gpio_96boards बाट GPIO आयात गर्नुहोस्
COMANDO_BBA = 36
#कमाण्डो बम्बा
NIVEL_PROD = 13
#चाभ दे निभेल
DOSAGEM_VVL = 115
#Valvula Dosagem
BBA_LIGADA = 24 #Retorno de Bomba ligada
GPIO_CS = १८
#सेन्सर PH (Analogico)
पिन = (
(GPIO_CS, 'आउट'), (COMANDO_BBA, 'आउट'), (DOSAGEM_VVL, 'आउट'), (NIVEL_PROD, 'इन'), (BBA_LIGADA, 'इन')
)
dweet = dweet()
spi = spidev.SpiDev()
spi.open(०,०)
spi.max_speed_hz=10000
spi.mode = 0b00
spi.bits_per_word = 8def readPH(gpio):
gpio.digital_write(GPIO_CS, GPIO.HIGH)
समय। निद्रा (१)
gpio.digital_write(GPIO_CS, GPIO.LOW)
r = spi.xfer2([0x01, 0x80, 0x00])
gpio.digital_write(GPIO_CS, GPIO.HIGH)
adcout = (r[1] << 8) र 0b1100000000
adcout = adcout | (r[2] र 0xff)
adcout = (adcout * 0.014)
# PH 0 a 14 मा रूपान्तरण गर्नुहोस्
adcout फिर्ता
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 9
Na segunda parte, é realizada a leitura do Dweet e os dados armazenados em variáveis globais para as logicas do software:
def le_dweet():
#Le qual setpoint para tratamento
विश्वव्यापी ld_bomba, st_bomba, st_trat, st_res, PH_valor, PH_SP
resposta = dweet.latest_dweet(नाम="smart_piscina")
ld_bomba = resposta['with'][0]['content']['ligadesliga_bomba']
st_bomba = resposta['with'][0]['content']['status_bomba']
st_trat = resposta['with'][0]['content']['status_tratamento']
st_res = resposta['with'][0]['content']['status_reservatorio']
PH_valor = resposta['with'][0]['content']['PH_valor']
PH_SP = resposta['with'][0]['content']['PH_setpoint']
ld_bomba, st_bomba, st_trat, st_res, PH_valor, PH_SP फिर्ता गर्नुहोस्
A terceira parte é a função que realiza o tratamento da piscina, com a lógica para acionamento baseada no PH, nível do reservatório e bomba ligada। नोट que as variáveis de monitoramento são as mesmas lidas pelo Dweet, desta forma conseguimos atualizar os valores na lógica para que despois sejam novamente enviados ao serviço।
def tratamento(): ग्लोबल st_trat, st_res, st_bomba st_res = gpio.digital_read(NIVEL_PROD) st_bomba = gpio.digital_read(BBA_LIGADA) यदि (PH_valor < PH_SP) र ( st_res == 1) र ( st_bomba ==1) digital_write(DOSAGEM_VVL, GPIO.HIGH) time.sleep(2) #tempo da dosagem do produto gpio.digital_write(DOSAGEM_VVL, GPIO.LOW) time.sleep(1) #espera entre dosagens st_trat = 1 प्रिन्ट (0) else: gpio.digital_write(DOSAGEM_VVL, GPIO.LOW) st_trat = XNUMX प्रिन्ट ("TRATAMENTO DESlIGADO") st_trat, st_res फिर्ता गर्नुहोस्
A quarta e ultima parte é o looping de execução da logica। A ordem onde as subrotinas são chamadas é importante para que os dados lidos pelo Dweet sejam atualizados e depois enviados para a correta visualização no Web एप।
यदि __name__=='__main__': GPIO(pins) को GPIO को रूपमा: जबकि True:
le_dweet() tratamento() PH_valor = राउन्ड(पढ्नुहोस्PH(gpio), 2) यदि ld_bomba == 1: gpio.digital_write(COMANDO_BBA, GPIO.HIGH) प्रिन्ट गर्नुहोस् (“Bomba Ligada”) अन्य: gpio.digital_write(BAANDO_GPO. LOW) प्रिन्ट(“Bomba Desligada”) print(“Valor do PH = %d” % PH_valor) print(“Valor do SP PH = %d” % PH_SP) print(“”) dweet.dweet_by_name(name=”smart_piscina” , data={"ligadesliga_bomba":ld_bomba, "status_bomba":st_bomba, "status_tratamento":st_trat, "status_reservatorio":st_res, "PH_valor":PH_valor, "PH_setpoint":PH_SP}) सुत्ने समय (10)
https://www.instructables.com/ORIG/FPV/I7ZO/JAMTVW5R/FPVI7ZOJAMTVW5R.py https://www.instructables.com/ORIG/FMD/BHS3/JAMTVW5V/FMDBHS3JAMTVW5V.py
डाउनलोड गर्नुहोस् डाउनलोड गर्नुहोस्
चरण 5: Desenvolvimento Do APP - Ambiente Hídrido
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 10
Plataforma híbrida Ionic
O aplicativo para controle da piscina será desenvolvido utilizando uma plataforma híbrida, ou seja, fazemos a abstração do हार्डवेयर que o app será utilizado e desenvolvemos um projeto utilizando HTML, CSS र जाभास्क्रिप्ट एप पोस्टरमा रूपान्तरण पोस्टरमा रूपान्तरण गर्नुहोस्। एन्ड्रोइड वा आईओएस। Neste caso utilizamos o IONIC, que funciona baseado na plataforma Cordova, que permite visualizar e testar a aplicação através da renderização na mesma na tela de um Web ब्राउजर। HTML र Typescript को भाषा प्रयोग गर्नको लागि अनुप्रयोगको Desenvolvimento गर्न। o IONIC também permite a utilização do framework Angular para trabalhar ocs componentes como Models e Controllers।
Desenvolvimento को एम्बिएन्टे स्थापना गर्नुहोस्
O desenvolvimento do app será realizado em um computador pessoal, e não na placa DragonBoard। Iniciaremos com a instalçaão do node.js, necessário apra o funcionamento do Ionic Acessar o साइट https://nodejs.org/en/ e fazer o डाउनलोड गर्नुहोस् da última versão do node.js Após concluída a instalação, o gerencador de gerencador ter sido instalado durante a instalação do node.js। Ele permitirá realizar a instalação do Ionic। विन्डोजले कुनै प्रम्प्ट डे कमान्डोलाई स्थापना गर्दैन:
npm install g cordova ionic npm install g cordova
Para testar o ionic, o seguinte comando pode ser executado e se estiver tudo ok retornará a versão instalada:
आयनिक वि
Criação da aplicação no Ionic
Não, não tem uma interface grá ca bonita। Tem que criar o app utilizando a linha de comandos। Mas depois a facilidade de uso compensa. Para criar uma nova aplicação, neste caso a smart_piscina, digitamos o seguinte comando:
ionic start smart_piscina blank
Será criada uma nova aplicação em branco que estará salva no diretório:
C:UsuáriosNome do usuáriosmart_piscina
पारा टेस्टार वा कोडिगो:
cd smart_piscina ionic सर्भर
Será aberta uma tela no navegador padrão mostrando a aplicação em branco
चरण 6: Desenvolvimento Do APP - Edição Da Aplicação
A edição da aplicação em branco gerada pelo Ionic será realizada no Visual Studio Code, aplicativo gratuito de programação desenvolvido pela Microsoft e que pode ser baixado कुनै साइट छैन: https://code.visualstudio.com/download Os códigos alterados, segurandos alterados, mas também estão disponíveis डाउनलोड गर्नका लागि।
इन्टरफेस
एक इन्टरफेस com o usuário será editada no arquivo home.html। को रूपमा नोट गर्नुहोस् tags utilizadas são próprias do Ionic e contém Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Page 11
alguns parametros inseridos utilizando os recursos do framework Angular। Os recursos do Angular são utilizados no botão de acionamento da bomba e na entrada do valor de Setpoint do PH। Não é possível apresentar o código aqui por uma limitação do Instructables, que apaga as tags। De qualquer forma está disponível no arquivo compactado para डाउनलोड।
प्रक्रिया
As fuções referentes a leitura e escrita de dados no Dweet e logicas em geral para o correto funcionamento da interface estão no arquivo home.ts desenvolvido em Typescript, liguagem muito semelhante ao Javascript
'@angular/core' बाट { अवयव } आयात गर्नुहोस्; 'ionic-angular' बाट { NavController } आयात गर्नुहोस्;
//E सटीक आयातकर्ता वा प्रदायक। '../../providers/dweet/dweet' बाट { DweetProvider } आयात गर्नुहोस्;
@Component({ चयनकर्ता: 'पृष्ठ-घर', टेम्प्लेटUrl: 'home.html'
})
निर्यात वर्ग गृहपृष्ठ {
कन्स्ट्रक्टर (सार्वजनिक navCtrl: NavController, निजी DweetProvider: DweetProvider) {}
// Declarações de Variáveis सार्वजनिक respostaDweet: string=""; सार्वजनिक स्थिति_tratamento: string = "खतरा"; सार्वजनिक st_trat = 0; सार्वजनिक स्थिति_बम्बा: स्ट्रिंग = "खतरा"; सार्वजनिक st_bba = 0; सार्वजनिक स्थिति_रिजर्भेटोरियो: स्ट्रिंग = "खतरा"; सार्वजनिक st_res = 0; सार्वजनिक लोकेस = एरे (); सार्वजनिक PH_val = 0; सार्वजनिक SP_PH = ०;
//Model do botão de ligar bomba public bomba_model = {
जाँच गरिएको: गलत, नाम: "लिगार बम्बा" }
आयनViewDidLoad () { //buscando os dados no Dweet e salvando nas variáies locais this.DweetProvider.getLastestDweet("smart_piscina").subscribe( data=>{
const प्रतिक्रिया = (डेटा कुनै पनि रूपमा); const objeto_retorno = JSON.parse(response._body); this.locais = objeto_retorno.with[0].content; this.bomba_model.checked = objeto_retorno.with[0].content.ligadesliga_bomba; this.st_bba = objeto_retorno.with[0].content.status_bomba; this.st_trat = objeto_retorno.with[0].content.status_tratamento; this.st_res = objeto_retorno.with[0].content.status_reservatorio; this.PH_val = objeto_retorno.with[0].content.PH_valor; this.SP_PH = objeStmo_arret tPoirsncoin.wa iCtho[m0]।IcooTn-teIonnti.cP,HD_wseeettpEoinDtr;agonBoard: पृष्ठ १२
this.SP_PH = objeto_retorno.with[0].content.PH_setpoint; console.log(this.locais); }, त्रुटि => { console.log(त्रुटि); } ) //Atualiza icones de Status this.status_bomba = ((this.st_bba == 1) ? "माध्यमिक" : "खतरा"); this.status_tratamento = ((this.st_trat == 1) ? "माध्यमिक" : "खतरा"); this.status_reservatorio = ((this.st_res == 1) ? "माध्यमिक" : "खतरा"); }
//Botão Atualizar अपडेट() {
यो.ionViewDidLoad(); }
//Liga Desliga Bomba liga_des_bomba(){ this.dweetPost() }
atualiza_sp(){ this.dweetPost()
}
dweetPost()
//Envia dados para o Dweet.io const json_dweet = {"ligadesliga_bomba": ld_bba, "status_bomba": this.st_bba, "status_tratamento": this.st_trat, "status_reservatorio": this.st_res", "PH_val": this.st_val , “PH_setpo int”: this.SP_PH}; this.DweetProvider.setDweet(“smart_piscina”,json_dweet).subscribe(
data=>{ console.log(डेटा); }, error=> { console.log(त्रुटि); } ) } }
Dweet प्रदायक
É necessário criar um provider para realizar a comunicação HTTP com o Dweet। Isto é feito através do Ionic com o seguinte comando no prompt de comando:
ionic उत्पन्न प्रदायक dweet
Neste momento é gerado o arquivo dweet.ts que deverá ter os comandos referentes a conexão com o Dweet e realização das funções de GET e POST। O código necessário é exibido a seguir:
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 13
'@angular/http' बाट { Http } आयात गर्नुहोस्; '@angular/core' बाट { Injectable } आयात गर्नुहोस्; आयात 'rxjs/add/operator/map'; /*
DweetProvider प्रदायकको लागि उत्पन्न वर्ग। प्रदायकहरू र Angular DI बारे थप जानकारीको लागि https://angular.io/guide/dependency-injection हेर्नुहोस्। */ @Injectable() निर्यात वर्ग DweetProvider { निजी आधारUrl = "https://dweet.io:443/" कन्स्ट्रक्टर (सार्वजनिक http: Http) {
console.log('Hello DweetProvider Provider'); } // Método responsável por buscar informações no Dweet। getLastestDweet(चीज: स्ट्रिङ) {
const url_get = this.baseUrl + "प्राप्त/नवीनतम/dweet/for/" + चीज; console.log(url_पाउनुहोस्); यो फिर्ता गर्नुहोस्।http.get(url_पाउनुहोस्); } // Método resposnsável por modificar os dados no Dweet। setDweet(thing, body) { रिटर्न this.http.post(this.base)Url + "dweet/for/"+ चीज, शरीर); } }
Por m, é necessário realizar uma modi cação no arquivo app.module.ts para que carregue adequadamente os componentes HTTP para o funcionamento do Dweet प्रदायक:
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 14
'@angular/platform-browser' बाट { BrowserModule } आयात गर्नुहोस्; '@angular/core' बाट { ErrorHandler, NgModule } आयात गर्नुहोस्; आयात गर्नुहोस् { IonicApp, IonicErrorHandler, IonicModule } 'ionic-angular' बाट; '@ionic-native/splash-screen' बाट { SplashScreen } आयात गर्नुहोस्; '@ionic-native/status-bar' बाट { StatusBar } आयात गर्नुहोस्; '@angular/http' बाट { HttpModule } आयात गर्नुहोस्; './app.component' बाट { MyApp } आयात गर्नुहोस्; आयात गर्नुहोस् { HomePage } '../pages/home/home' बाट; '../providers/dweet/dweet' बाट { DweetProvider } आयात गर्नुहोस्; @NgModule({
घोषणाहरू: [ MyApp, HomePage
], आयात: [
BrowserModule, IonicModule.forRoot(MyApp), // HTTP प्रयोग गर्नका लागि Dweet मोड्युल आयात गर्नुहोस्। HttpModule ], बुटस्ट्र्याप: [IonicApp], entryComponents: [ MyApp, HomePage ], प्रदायकहरू: [ StatusBar, SplashScreen, {प्रदान गर्नुहोस्: ErrorHandler, useClass: IonicErrorHandler}, DweetProvider ] dule class }})
उफा!
Salve tudo e teste a aplicação através do comando:
आयोनिक सेवा
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 15
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 16
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 17
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 18
https://www.instructables.com/ORIG/FUH/W6SK/JAMTWKY9/FUHW6SKJAMTWKY9.zip
डाउनलोड गर्नुहोस्
चरण 7: कोलोकान्डो टुडो पारा फन्सियोनार!!
1.Iniciando o Dweet: कुनै साइट Dweet.io, crie o objeto conform descrito no passo 3
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 19
2. DragonBoard मा अनुप्रयोग प्रयोग गर्नुहोस्: Abra o Terminal no Linaro, acesse a pasta onde está a aplicação smart_home.py e digite o comando:
sudo python smarthome.py
3.Iniciando a aplicação no Ionic: Abra o prompt de comando, accesse a pasta onde está o aplicativo criado no Ionic e digite o comando
आयोनिक सेवा
https://youtu.be/O27f93xE0bk https://youtu.be/HaSeRf3wkSI https://youtu.be/vx16cLQKOeU
चरण १:
Smart Piscina Com IoT - Ionic, Dweet E DragonBoard: पृष्ठ 20
कागजातहरू / स्रोतहरू
 |
instructables Smart Piscina Com IoT Ionic Dweet E DragonBoard [pdf] निर्देशनहरू Smart Piscina Com IoT Ionic Dweet E DragonBoard, Smart Piscina, Com IoT Ionic Dweet E DragonBoard, Dweet E DragonBoard |
