olá tudo bem o meu nome é flávio e este é mais um vídeo da seesp 8266 primeiro espaço nesse vídeo aqui eu vou te ensinar a fazer um web server só que além daquele que nós fizemos no vídeo anterior esse aqui vai permitir controlar aqui as portas pela página web não vamos apenas consultar o que está acontecendo mas vamos também ligar desligar coisas aqui pela página web você vai ver o como dá pra fazer coisa com isso vamos lá vem comigo um circuito que eu vou utilizar aqui nessa aula inclusive o esquete é muito parecido
com o que eu fiz lá na série módulos parado ele num vídeo onde eu expliquei como utilizar a internet child com arduino então lá nesse vídeo tem um link aqui em cima nós fizemos um controle do arduino através de uma página web a diferença que com esta 8266 é que já não precisamos de um cabo de rede ligado à internet child porque o sbt 266 tem uma conexão wifi então ele está ligado aqui no meu roteador ou seja na minha rede e eu tenho aqui inclusive um power bem que alimentando 10.266 veja que ele não
tem nenhuma ligação externa dessa forma ele está na internet ou seja na minha rede local e com isso nós vamos acessá lo através de uma página web então veja que nós temos aqui seis leds ligados nas portas digitais doesp e temos também esse push button que o terminal está ligado a uma porta digital e outro terminal está ligado aqui no gene de e também temos esse potencial o metrô um dos terminais a que esse fio preto está ligado jenny de o outro terminal aqui do outro lado está ligado através desse fio vermelho no 3.3 volte
e o terminal central aqui do potenciômetro através do filme amarelo ligado na porta analógica na asa então dessa forma veja que nós temos aqui na página web nós temos aqui a situação das portas analógicas nesse caso que o fmi só tem uma porta analógico e inclusive a porta 17 é exatamente a porta a 0 então aqui nós estamos nem do valor em que se encontra essa porta e veja aqui em tempo real ou seja se eu mudar aqui o potencial o metro o valor da porta mas já está mudando isso porque essa página web ela
tem internamente que a gente vai ver um script fazendo com que elas atualize de segundo em segundo então nós temos aqui a cada segundo a porta sendo atualizada que o valor da porta sendo atualizado aqui eu tenho valor livro de zero até 1024 e ao lado nós temos esse valor simplesmente convertido aqui para uma faixa de 0 até 179 é como se fosse aqui o ângulo por exemplo de um cervo tô aqui embaixo da porta na página nós temos a informação das portas digitais que nós temos aqui nesse projeto então eu tenho aqui essa porta
2 é uma porta que está no estado de input inclusive input tipo ap a então ela se encontra que a ligada em alta e é a porta onde nós temos aqui esse tipo chibuto então se eu apertar o post button veja que ela se encontra agora desligada porque eu fiz contato com um gene de então se eu soltar ela volta a ficar ligado lá veja que a gente consegue na página web saber a situação nessa porta ou seja se o botão está ou não apertado mas outras portas servem aqui estão na função de o tipo
ç que elas vão controlar nos leds então se eu quiser selecionar uma porta por exemplo aqui aporta 5 e 13 então eu dou uma enviar aqui e veja que ele liga aqui os leds vou ligar também agora 14 ea dor envio ele goto também vou ligar a 4 ea 15 e assim por diante então vou desligar aqui essas três veja aqui ele vai atualizando que os as portas de acordo com o que eu selecionei e agora para a gente entender como tudo está funcionando vamos para o esquete que eu carreguei aquino uespi então olha esse
esquete aqui está aí na descrição do vídeo para você baixar tal qual olha ele está um pouco diferente do vídeo anterior que nós fizemos também um web server com oesp ele está utilizando já essa outra biblioteca que também vem junto com o sbt 26 quando a gente está e neste caso aqui o objeto que nós estamos utilizando a classe seria essa vai faz sérvia aqui simplesmente temos a senha da rede wifi e o nome da rede wifi você precisa trocar em vez desses asteriscos você coloca qual é o nome da sua rede ea senha exatamente
como você tem na sua rede wi fi para o sp se conectar depois aqui embaixo nós temos variáveis que são utilizadas pelos qat a declaração de funções que são utilizadas também lá mais para baixo depois temos aqui a quantidade de pneus digitais que a gente quer controlar então aqui nesse caso eu coloquei sete pinos para controlar nesse esquete e aqui qual é cada uma das portas que eu quero controlar então o primeiro pingo digital será a porta dois lembram que esse é o número da jeep ou não é o número aqui que está escrito na
placa bom então se você não sabe essa relação volta lá no vídeo anti no vídeo anterior é onde eu explico que inclusive você tem como baixar lá o mapa de pinos para você poder traduzir o número que está aqui na placa para o número da jeep ou quem está aqui no caso do jipe ou dois de pele ou 4 a 1 5 a 12 bom a 13 e 14 e assim por diante e aqui embaixo qual é o modo em que eu quero cada uma dessas portas então veja lá na porta 2 você se lembra
que a gente não tinha como alterar o valor pela web simplesmente consultar vamos a situação da porta onde ligamos o povo chegou tudo por isso eu coloquei a porta no modo input pulp e as demais no modo ao tipo ç então você configura que o módulo pra você definir o que você quer de cada porta e aqui em baixa quantidade de pneus analógicos no caso deste espe o novo game seu nós temos apenas uma porta na lógica e aqui aporta a 0 simplesmente isso depois aqui no setup você não vai precisar alterar nada se você
quiser fazer um projeto parecido porque aqui ele já faz ele abre a comunicação serial quando nós estivermos com s conectado no computador que nesse nesse momento eu não tô não dá para a gente abrir agora monitor serial que a gente não vai ver nada mas quando ele estiver conectado você consegue abrir um monitor serial você vai ver em qual o ipê que ele se conectar na rede isso é importante para você configurar o seu roteador inclusive se você quiser acessar de fora da sua rede por qualquer lugar na internet no vídeo anterior também expliquei como
você tem que fazer então tem um link em cima você pode voltar lá e veio como você faz para se conectar de forma claro que isso vai depender do modelo de cada roteador então lá eu explico que você tem que buscar na internet o modelo específico do seu roteador como configurar mas tem uma forma de que você configure o acesso externo para que caia um acesso nesse ipê onde o f2009 está configurado então com o cereal habilitado você consulta onde equipe que ele se conectou depois é que ele vai simplesmente mostrar que ele está fazendo
a conexão aqui wifi mim ele vai iniciar a conexão com o roteador depois ele vai ficar até que a conexão seja feita ele vai ficar colocando um ponto ali no monitor seriam então seu sabre o monitor e ele fica sempre com esse ponto significa que tem alguma coisa errada só sem o nome da rede alguma coisa está errada que ele não está fazendo conexão se ele fez a conexão então vai aparecer wifi conectado no monitor seriam no meu caso o jamboree o monitor serial testei tava tudo legal então por isso já desconectei liguei aqui numa
bateria e ele está funcionando então já sabia que tinha sido conectado e em qual porta dp que tinha sido conectada depois aqui ele vai iniciar o servidor web com aqui o objeto server mostra que ele iniciou e aquele mostra em qual o ipê que ele está conectado para que a gente possa ver depois aqui embaixo você não precisa mudar salvo você queira fazer um esquete diferente lá aqui simplesmente está executando o pinball de cada porta digital que nós configuramos lá em cima pode fazer de outra forma se você quiser bom depois aquino lupi que está
basicamente todo o funcionamento desse esquete então nós temos aqui há um objeto server com a função a velha o método a veículo que nos permite ver se existe alguma informação sendo recebida ou seja algum browser e está mandando alguma requisição aqui para o nosso servidor web então isso vai aqui pra dentro dessa variável cliente do tipo wifi cliente e dessa maneira o cliente com terá então a informação que chegou se existe alguma informação isso aqui estará verdadeiro ou seja ele lá em tem interpretado essa informação se não ele simplesmente não faz mais nada e aí
termina que a função lupi todo o conteúdo da função lupi está dentro de si if então existe alguma informação existe a então agora ele vai fazer enquanto estiver uma conexão com quem requisitou no caso o browser enquanto esse brasil estiver disponível a ele vai lendo caracteres o caracter ler todos os caracteres que o browser enviou e ali dentro tem as instruções do que o brasil está solicitando então isso tudo é carregado dentro dessa variável stream esse http rec e aí depois aqui ele faz todo o controle ou seja se já encontrou a que se barra
n significa que ele encontrou uma aqui na verdade ele também tem essa variável de controle corrente lines blanc ele verifica se a linha é branca ou seja se ele recebeu uma linha em branco e também aqui esse barra n significando que chegou no final do texto que foi recebido pelo pelo servidor web não isso aqui você não precisa mudar se você não quiser todo esse controle aqui pode copiar ele do jeito que está é aqui dentro e siif também ou seja se ele está recebendo a solicitação da página principal então aquele processo ele mostra lá
no monitor serial se você tiver ele conectado ele mostra todo esse pacote que foi recebido também variável http rec aquele pacotão que veio do servidor lá do do browser nanda do navegador veio pro espe então você consegue ver aqui no monitor serial e depois aquilo que ele faz ele manda de volta para o cliente ou seja ele vai mandar de volta para o navegador esse texto aqui ou seja ele está devolvendo agora sim uma página web que está indo para o navegador então nessa página web isso aqui é texto padrão você pode deixar dessa forma
ok um tipo do conteúdo que está sendo enviado aqui a conexão equipe live é que é importante para dizer para o brasil para que ele se mantenha ligado para permitir as atualizações de um segundo aqui de novo continuou nos que ele vai montando a página html que será enviada para o navegador veja o início da página o título da página tudo html puro então se você conhece de html você pode montar aqui a forma que você quiser tá é que funcione dados do arduino veja que eu nem mudei o nome da função que nós usamos
lá no outro no outro esquete e aqui ele faz todo o controle aqui aqui a gente já está desenvolvendo essa função em java script o que então tudo isso aqui é java script dentro do html para permitir que ele faça essa atualização em de um segundo um pouco mais aqui para baixo seguindo aqui a gente vê que veja 7 time out aqui esse mil se equivale justamente a um segundo então tudo isso é para que ele faça a atualização e um segundo ou seja nós estamos mandando uma página que lá dentro tem um programa em
java script e este programa ele é rodado a cada um segundo e ele faz o que ele atualiza os dados que nós temos aqui no nono no oeste ou seja esse javascript ele pede que a página seja atualizada novamente depois aqui veja tudo isso continua sendo html então aqui ele vai mostrar dentro do html o conteúdo das portas analógicas das portas digitais tudo isso ele está montando esse carro engata ml que é um grande texto para mandar para o navegador esse trecho é utilizado pelo java script ou seja quando java script solicitar a atualização dos
dados para o s em vez do fmi mandar toda a página inteira de volta para o navegador ele manda só esse resumo só com os valores que foram atualizados para que então javascript atualize a página web é um cara de um em um segundo ele manda só os valores ele não manda página inteira esse trecho aqui você deixa como está que é justamente para que ele possa responder qualquer requisição e aqui embaixo também aqui ele tem todo o controle se eles em branco não enfim aqui ele finaliza o cliente então aqui finalizou o loop que
é justamente o mecanismo de todo de todo esse esquete depois aqui nós temos algumas funções de auxílio que você pode mantê las tal qual esse processo a porta então ele vai montar aqui um trecho do html com o valor das portas olha que o tudo isso se você quiser você pode montar porque o que ele vai fazer é manter aqui esse formato aqui com o valor das portas então tudo isso pra montar um trecho de html que ele vai mandando aqui pra esse cl que nada mais é do que aquele cliente seja ele vai ser
passado aqui pra esse parâmetro então aquele cliente lá ou seja um servidor web irá receber de volta todo esse texto aqui com o valor das portas aqui das portas digitais então ele lê o valor das portas digitais mesma coisa montando um pequeno html para compor lá dentro do html da página completa aquele lei as portas analógicas mesma coisa ele monta esse trecho do html para mostrar lá o valor das portas lógicas esse trecho jet url request também utilizado lá em cima você pode manter do jeito que está e esse man band west também é utilizado
em cima ele com isso ele identifica se a página principal que está sendo solicitada ou algo mais então com isso ele ele acaba fazendo um filtro várias solicitações que chegam proesp ele vai ignorar aquilo que não está solicitando uma página e o que for uma página de volta então a página que nós solicitamos então o esquete parece um pouco complexo mas se você souber de html e javascript você pode alterar a que todo o conteúdo para fazer a página do jeito que você quer é bom mas basicamente você pode copiar esses trechos modificar só aquilo
que você quiser dentro da página eu acho que vai ficar bem fácil para você fazer qualquer forma tem na descrição do vídeo para você baixar tal qual ok e veja que é muito fácil a gente consegue através da página web controlar inclusive aqui oesp ligando e desligando o que a gente quiser ok bom espero que isso ajude nos seus projetos de internet das coisas e vejam temos aqui uma coisa ligada na internet sendo totalmente controlado e pessoal lembrando que essa série aqui eu estou abordando a respeito do s&p 8266 considerando que você já saiba sobre
do ine porque na verdade a gente tem tudo aquilo praticamente tudo aquilo que é utilizado na hora do hino a gente aplica aqui também então se você quiser eu tenho um curso para recomendar é o curso de arduino ponto net lá eu ensino básico da eletrônica de ensino a programação que é fundamental para você trabalhar com respeito e 266 lá vai ter o passo a passo da programação usando arduini mas se você tiver um aspeto 266 você pode também exercitar esse curso da mesma forma é um curso muito caprichado realmente pra você sair do zero
e aprender tudo sobre o arduino e entrar no mundo da internet das coisas então acessa lá curso de arduino ponto net e você vai encontrar todas as informações sobre esse curso e na eu mesmo estarei do outro lado esperando por você e darei todo o apoio via whatsapp você pode se comunicar diretamente comigo em particular o também terá acesso a um grupo todos os alunos que já estão fazendo que já estão aprendendo entre lá que vai ser muito bom ter você com a gente no curso de arduino muito obrigado pela sua participação um grande abraço
e até o próximo vídeo [Música] [Música] [Aplausos] [Música]