Olá pessoal, tudo bem com vocês? Espero que todos estejam bem!
Recentemente, em uma reunião, ouvi um pouco sobre IoT e as capacidades do Blip. Considerando que o Blip pode realizar diversas funções com integrações diretas ou indiretas, imagine a possibilidade de um bot desbloquear entradas em casas e portas de carros! Mas isso fica para um outro dia.
Caso de Uso: Blip Chat Widget no ESP32
Vamos abordar a inclusão do Blip Chat Widget em uma página web hospedada em um ESP32. Este dispositivo é ideal para uso em uma intranet, devido ao seu baixo consumo de energia e segurança. Imagine uma intranet na sua empresa onde o Blip Chat pode ser utilizado para abertura de chamados de suporte, questões de RH ou gerenciamento de equipamentos.
Pré-Requisitos
- ESP32
- Arduino IDE instalado
- As seguintes bibliotecas instaladas na IDE:
- ESPAsyncWebServer
- AsyncTCP
- WiFi
Código de Exemplo
#include <WiFi.h>
#include <AsyncTCP.h>
#include <ESPAsyncWebServer.h>
AsyncWebServer server(80);
const char* ssid = "Nomedarede";
const char* password = "Senhawifi";
void setup() {
WiFi.begin(ssid, password);
// disponibiliza o url "/"
server.on("/", HTTP_GET, [](AsyncWebServerRequest * request) {
const char index_html[] PROGMEM = R"====(
<html>
<head>
<meta charset='utf-8'/>
</head>
<body>
<h1>
ESP-32
</h1>
<p>
</p>
<p>
</p>
<figure>
<img src='https://www.saravati.com.br/media/catalog/product/cache/ff61517d26ace703648229d56c081b52/1/5/156519c3ae.jpg' width='300px'>
<figcaption>
</figcaption>
</figure>
<p>
</p>
<p>
</p>
</body>
<footer><script src="https://unpkg.com/blip-chat-widget" type="text/javascript"></script>
<script>
(function () {
window.onload = function () {
new BlipChat()
.withAppKey('chavede comunicação disponivel na aba de canais blipchat')
.withButton({"color":"#2CC3D5","icon":""})
.withCustomCommonUrl('https://urldocontrato.chat.blip.ai/')
.build();
}
})();
</script>
</footer>
<html>
)===="; // grande matriz de caracteres
request->send_P(200, "text/html", index_html); // Envia a resposta
});
server.begin();
}
void loop() {}
Teste
Após a configuração do código acima, envie-o para o ESP32.
