Skip to main content

Olá pessoal, tudo bem? Eu estou fazendo um formulário para Login utilizando o weblink e o blip-chat-extension, eu fiz uma página em html e realizei o deploy da mesma no firebase para colocar no weblink, porém estou tentando utilizar o mesmo não está funcionando, não estou conseguindo ter interação com a página testando no blip chat ou seja não consigo pegar o valores de e-mail e senha e salvar em uma variável para utilizar o no meu bot e a página não fecha ao clicar no botão! Alguém consegue me ajudar a verificar no meu código o erro? Segue o código abaixo!

image

faz sim, mas como seria feito isso? Poderia me dar um passo a passo para resolver?


Show! Está aqui o tutorial:



Basta seguir este exemplo, passando os dados do seu usuário logado no parâmetro .withAccount


Legal, vou dar uma olhada! @GabrielPetrone deixa eu tirar uma outra dúvida, eu consigo identificar o numero do usuário de whatsapp pelo blip? Se sim como eu posso fazer isso?


Rapaz, essa sua dúvida até me preocupa… só pra eu saber, não tem relação com essa solução que você busca não né? Por exemplo, seu contato vai estar no Blip Chat, certo? O WhatsApp é para outra coisa.


Mas respondendo sua pergunta, se o contato enviar uma mensagem pro seu bot conectado no WhatsApp, você consegue identificar o número através da variável contact.identity.


Então o meu usuário irá enviar a mensagem para o bot conectado ao whatsapp e queria pegar esse numero dele!! então com o contact.identity eu consigo pegar esse numero!


Uhum, seus contatos que conversarem via WhatsApp você pode usar essa var. Ela vai retornar o número de telefone (com ddd+ddi), seguido pelo FQDN do canal, exemplo:



[email protected]



Só uma atenção que pra solução que falamos anteriormente de construir o Blip Chat com usuário autenticado, isso funciona só no Blip Chat tá? Pro WhatsApp precisaria de usar outra solução.


Perfeito!! A Ideia é somente para o whatsapp, estamos vendo uma outra solução aqui!!


Hmm, mas então a solução que o @Rafael_Figueiredo citou resolve seu problema:



Me fala uma coisa, no cadastro do seu usuário na sua plataforma, tem o telefone da pessoa cadastrada? Caso tenha, você só precisa usar o telefone do seu usuário ali na variável {{contact_identity}}, passando também o FQDN:



Tá fácil, nós que estamos complicando, rs.


Bom dia @GabrielPetrone eu acredito que tenha!! Mas o pessoal da Segurança está pensando em uma nova abordagem! Qualquer coisa eu aviso aqui ou crio um outro topico para tirar dúvidas!! Porém essa solução que o Rafael citou acima eu não consegui entender muito bem como eu aplicaria!!


Boa @Wellington_de_Brito .


Todo contato que conversa com o Blip possui um contexto, que são as variáveis e informações relacionadas a este contato. O que o @Rafael_Figueiredo sugeriu (fique à vontade pra me complementar Rafa), é que você utilize o endpoint de Atualizar um Contato para controlar se ele está ou não autenticado.


Simplesmente seria: Após o seu cliente fazer login no seu portal, você envia um Update nos dados do contato dele no Blip para indicar que ele foi autenticado. Um uso prático seria usar esse endpoint:


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

{
"id": "{{$guid}}",
"method": "merge",
"uri": "/contacts",
"type": "application/vnd.lime.contact+json",
"resource": {
"identity": "{{$user_identity}}",
"extras": {
"auth":"true"
}
}
}


Substituindo apenas a chave identity pela identidade do usuário (conforme falamos mais acima - relembrando: número de WPP + FQDN).

Daí o próximo passo é no seu fluxo do chatbot, você olhar pra condição de saída:



Se VARIÁVEL: contact.extras.auth => For IGUAL À: true

Direcionar o cliente para o seu fluxo para usuários autenticados.



Ao final, lembre-se de alterar a var para false através da ação de Definir Contato, ou caso ele faço logout na plataforma, chame a mesma API para alterar a info pra false, por exemplo.


Simples assim meu querido.


Um ótimo fds para você.


Bom dia @GabrielPetrone vou tentar implementar essa forma aqui no bot! Qualquer dúvida eu te informo!!


@GabrielPetrone me tira uma dúvida aqui sobre a autenticação, eu vou criar uma webview que vai ter um formulário para o usuário digitar um PIN, eu consigo trazer esse Pin digitado no webview pelo usuário para dentro do bot?


Sim, você pode usar o Update Contact e adicionar o PIN digitado dentro do contato e recuperar no chatbot referenciando este PIN. É o mesmo caso da autenticação que eu te expliquei acima, porém com uma key “PIN” além de “auth”:


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

{
"id": "{{$guid}}",
"method": "merge",
"uri": "/contacts",
"type": "application/vnd.lime.contact+json",
"resource": {
"identity": "{{$user_identity}}",
"extras": {
"auth":"true",
"PIN":"1234"
}
}
}

Ok! Uma outra dúvida o bot consegue identificar quando o usuário fecha o weblink e consigo fazer isso que o bot identifique essa ação e prossiga em um outro fluxo?


Opa @Wellington_de_Brito , me desculpe a ausência.


Estou em dúvidas… vamos lá:



Isso foi uma pergunta? Caso tenha sido a resposta é não de forma nativa. Você precisaria implementar algo na sua página para conseguir fazer esse rastreio.


E sim, implementando essa verificação em sua página, você pode enviar um update pro contato (conforme a requisição da minha resposta anterior) informando uma chave extras por exemplo:


"extras": {
"webClosed": "true"
}

E aí basta implementar no seu fluxo uma verificação nas condições de saída dos blocos, baseado nessa variável criada no contato: contact.extras.webClosed.


Espero ter ajudado.

Abraços.


@GabrielPetrone isso, eu quero fazer de uma forma que o bot identifique quando o weblink é fechado no whatsapp. Como faria isso? é que não foi eu que fiz o weblink já me enviaram pronto, então eu iria pedir pra pessoa que fez colocar essa funcionalidade!


fala pessoal tudo bom?

eu to com duvida aqui nesse post, por exemplo, preciso logar na plataforma que estou atuando, com isso eu ja coloco usuario e senha. apos ligado eu tenho acesso ao blipchat.

seria possivel eu pegar esses dados de login e senha para usar dentro do meu blipchat? alguem tem noçao como seguir isso?


pessoal to com duvida aqui e nao sei se seria igual ao colega acima

hoje tenho sistema onde o usuario se autentica(user e senha), quando ele entra eu tenho uma api que retorna dados, como por exemplo o cnpj, nome etc.

teria como eu mandar esses valores para blip? como eu faço para depois conseguir pegar esses dados? alguem tem ideia?


pessoal to com duvida aqui e nao sei se seria igual ao colega acima

hoje tenho sistema onde o usuario se autentica(user e senha), quando ele entra eu tenho uma api que retorna dados, como por exemplo o cnpj, nome etc.

teria como eu mandar esses valores para blip? como eu faço para depois conseguir pegar esses dados? alguem tem ideia?

Olá ​@Jeferson_Assis tudo bem ? 

 

Caso queira inserir no contato durante a navegação pode fazer com o definir contato https://help.blip.ai/hc/pt-br/articles/4474414684055-Como-salvar-informa%C3%A7%C3%B5es-de-um-contato 

Caso queira que seja feito através de um sistema ou API pode fazer uma requisição http 

https://docs.blip.ai/?http#update-a-contact

para pegar o dado dentro da navegação do bot pode usar as próprias variáveis e extras que ele vai gerar exemplo : {{contact.name}} {{contact.extras.CPF}}

Caso queira pegar todo objeto do contato de um get no contato https://docs.blip.ai/?http#get-contact


seria no momento que ele acessa o site

imagina tenho site, tenho a area logada.

Nesse momento vc entra com user e senha, pelo meu sistema eu valido qual os pessoa ta acessando e consigo dizer, esse é Rafael da take. com isso preciso pegar o cnpj da empresa, nivel desse usuario etc.

Quero passar esses dados para quando eu chamar o o blip aqui
 

<script src="https://unpkg.com/blip-chat-widget" type="text/javascript"></script>
<script>
(function () {
window.onload = function () {
new BlipChat()
.withAppKey('key')
.withButton({"color":"#0096fa","icon":""})
.withCustomCommonUrl('https://meuURL.chat.blip.ai/')
.build();
}
})();
</script>

eu mandar tbm o cnpj, nivel, nome empresa etc.

ai dentro do blip com esses dados eu consigo fazer as validaçoes para nao mostrar algumas coisas ou mostrar outras.

entendeu?


seria no momento que ele acessa o site

imagina tenho site, tenho a area logada.

Nesse momento vc entra com user e senha, pelo meu sistema eu valido qual os pessoa ta acessando e consigo dizer, esse é Rafael da take. com isso preciso pegar o cnpj da empresa, nivel desse usuario etc.

Quero passar esses dados para quando eu chamar o o blip aqui
 

<script src="https://unpkg.com/blip-chat-widget" type="text/javascript"></script>
<script>
(function () {
window.onload = function () {
new BlipChat()
.withAppKey('key')
.withButton({"color":"#0096fa","icon":""})
.withCustomCommonUrl('https://meuURL.chat.blip.ai/')
.build();
}
})();
</script>

eu mandar tbm o cnpj, nivel, nome empresa etc.

ai dentro do blip com esses dados eu consigo fazer as validaçoes para nao mostrar algumas coisas ou mostrar outras.

entendeu?

Olá ​@Jeferson_Assis entendi sim e para passar o dados quando for chamar o blipchat widget você deve fazer com essa estrutura : no withauth recomendo que gere ids randômicos juntamente com a senha pode ser guid é só para um controle interno. 

Os dados reais do contato insira no withaccount 

 

https://github.com/takenet/blip-chat-widget?tab=readme-ov-file#example-1

você viu que ainda tem uma quantidade x de variáveis, mas existe o extras que é basicamente um array de variáveis com valores conforme doc : 

https://docs.blip.ai/#get-contacts

 


seria no momento que ele acessa o site

imagina tenho site, tenho a area logada.

Nesse momento vc entra com user e senha, pelo meu sistema eu valido qual os pessoa ta acessando e consigo dizer, esse é Rafael da take. com isso preciso pegar o cnpj da empresa, nivel desse usuario etc.

Quero passar esses dados para quando eu chamar o o blip aqui
 

<script src="https://unpkg.com/blip-chat-widget" type="text/javascript"></script>
<script>
(function () {
window.onload = function () {
new BlipChat()
.withAppKey('key')
.withButton({"color":"#0096fa","icon":""})
.withCustomCommonUrl('https://meuURL.chat.blip.ai/')
.build();
}
})();
</script>

eu mandar tbm o cnpj, nivel, nome empresa etc.

ai dentro do blip com esses dados eu consigo fazer as validaçoes para nao mostrar algumas coisas ou mostrar outras.

entendeu?

Olá ​@Jeferson_Assis entendi sim e para passar o dados quando for chamar o blipchat widget você deve fazer com essa estrutura : no withauth recomendo que gere ids randômicos juntamente com a senha pode ser guid é só para um controle interno. 

Os dados reais do contato insira no withaccount 

 

https://github.com/takenet/blip-chat-widget?tab=readme-ov-file#example-1

você viu que ainda tem uma quantidade x de variáveis, mas existe o extras que é basicamente um array de variáveis com valores conforme doc : 

https://docs.blip.ai/#get-contacts

 

a ultima kkk

depois, para eu recuperar esses dados? seria pelo commands? 


seria no momento que ele acessa o site

imagina tenho site, tenho a area logada.

Nesse momento vc entra com user e senha, pelo meu sistema eu valido qual os pessoa ta acessando e consigo dizer, esse é Rafael da take. com isso preciso pegar o cnpj da empresa, nivel desse usuario etc.

Quero passar esses dados para quando eu chamar o o blip aqui
 

<script src="https://unpkg.com/blip-chat-widget" type="text/javascript"></script>
<script>
(function () {
window.onload = function () {
new BlipChat()
.withAppKey('key')
.withButton({"color":"#0096fa","icon":""})
.withCustomCommonUrl('https://meuURL.chat.blip.ai/')
.build();
}
})();
</script>

eu mandar tbm o cnpj, nivel, nome empresa etc.

ai dentro do blip com esses dados eu consigo fazer as validaçoes para nao mostrar algumas coisas ou mostrar outras.

entendeu?

Olá ​@Jeferson_Assis entendi sim e para passar o dados quando for chamar o blipchat widget você deve fazer com essa estrutura : no withauth recomendo que gere ids randômicos juntamente com a senha pode ser guid é só para um controle interno. 

Os dados reais do contato insira no withaccount 

 

https://github.com/takenet/blip-chat-widget?tab=readme-ov-file#example-1

você viu que ainda tem uma quantidade x de variáveis, mas existe o extras que é basicamente um array de variáveis com valores conforme doc : 

https://docs.blip.ai/#get-contacts

 

a ultima kkk

depois, para eu recuperar esses dados? seria pelo commands? 

@Jeferson_Assis todos os dados vao para o contato no Blip ai você pode usar essas informação em variaveis nos bots builder mesmo ou pegar pela commands. 


Comente