Skip to main content

Olá Blippers, tudo bem com vocês? 🙂

Espero que sim.

 

Hoje quero compartilhar com vocês uma possibilidade que sempre fique me perguntando se era possível. Dá para criar um aplicativo de mensageria com o BlipChat? Já adiantando a resposta é Sim.

 

1 - Passo : Criar um bot builder, no bloco inicio vamos usar um script para dizer quem é o destinatario, mas isso pode ser trocado por um lista image que fossemos aumentar o tamnho do escopo desse projeto eu coloquei para duas pessoas se comunicarem, mas poderia ser tipo um grupo  na empresa usando esse Canal.

Script no bloco inicial:

function run(inputVariable1) {
if(inputVariable1=="[email protected]"){
return "[email protected]";
}else if(inputVariable1=="[email protected]"){
return "[email protected]";
}
return "Empty";
}

no exemplo acima deixei login1 que é o de exemplo o .taketesten é o id do meu bot de teste então altere de acordo com seu bot.

2 - Passo : Criar os 2 blocos, Criar a requisição http no bloco envia e Recebe na ação de saida.

Requisição:

Ref: https://docs.blip.ai/?http#send-message

POST https://{{contract.id}}.http.msging.net/messages HTTP/1.1
Content-Type: application/json
Authorization: Key {YOUR_TOKEN}
Body:

{
"to": "{{destinatario}}",
"type": "text/plain",
"content": "{{contact.name}}: {{conteudo}}"
}

3 - Passo : Salvar os inputs do usuários para troca de mensagem nos dois blocos deixe a mesma variável, pois o código da requisição http é o mesmo nos dois.

 

 4 - Passo : E ponto mais importante do guia e criamos a forma de instanciar o BlipChat widget já com o login de acordo com aquele que colocamos nos scripts para o usuário 1 e usuário 2. Ressalto que pode ser trocado por uma lista caso tenha mais usuários só lembre de adicionar usuários na lista seja via extensão ou requisição http. 

Caso da lista: https://docs.blip.ai/?http#create-a-list

https://docs.blip.ai/?http#add-a-member-to-list

Seguindo o exemplo do guia eu criei um site no blogspot, gerei duas postagens e no codigo html da posta coloquei o widget 1

<p>

<script src="https://unpkg.com/blip-chat-widget" type="text/javascript"></script>
<script>
(function () {
window.onload = function () {
new BlipChat()
.withAppKey('chave de comunicação do blipchat')
.withButton({"color":"#2CC3D5","icon":""})
.withAuth({
authType: BlipChat.DEV_AUTH,
userIdentity: 'login1',
userPassword: 'Pass1',
})
.withCustomCommonUrl('https://equipe3do-48465.chat.blip.ai/')
.build();
}
})();
</script>


</p>

widget 2

 

<p>

<script src="https://unpkg.com/blip-chat-widget" type="text/javascript"></script>
<script>
(function () {
window.onload = function () {
new BlipChat()
.withAppKey('chave de comunicação do blipchat')
.withButton({"color":"#2CC3D5","icon":""})
.withAuth({
authType: BlipChat.DEV_AUTH,
userIdentity: 'login2',
userPassword: 'Pass2',
})
.withCustomCommonUrl('https://equipe3do-48465.chat.blip.ai/')
.build();
}
})();
</script>


</p>

Teste do sistema : 

https://drive.google.com/file/d/1CaE80aYnruyAXiWE3fcF6DseHCIaQoI4/view?usp=sharing

 

User1:

User2:

 

Esse é apenas um esboço e mostrando como funciona esse tipo de comunicação, mas o céu é o limite. 

 

Qualquer duvida estou a disposição.

Nenhum comentário