Pular para o conteúdo principal

2 postagens marcadas com "Discord"

Ver todas os Marcadores

· Leitura de 4 minutos
Anderson Marlon

Caspar Camille Rubin

Neste artigo, irei te ensinar a enviar notificação no seu canal do Discord para todo o momento em que sua live estiver online, claro que recomendo que seja a sua live ou de alguém muito conhecido - não para meios comerciais - por conta da quantidade de uma applet/receita dentro da plataforma - no máximo dois na free tier.

Parte 1 - Registrar no IFTTT

Acesse https://ifttt.com/ e crie uma conta (se ainda não tiver uma)

Parte 2 - Criar um Webhook do Discord

  • Encontre o canal do Discord para o qual você gostaria de enviar os tweets.

  • Nas configurações desse canal, encontre a opção Webhooks e crie um novo webhook. Observação: Este URL deve ser mantido privado. Permite que qualquer pessoa escreva mensagens nesse canal específico usando esse URL específico. Mantenha-o seguro!

    WebhookDiscord

  • Nomeie o webhook como quiser e fique à vontade para alterar a imagem de perfil genérica. Escolhi este ícone porque se encaixa bem no círculo.

  • Copie o URL para algum lugar e mantenha-o à mão para a próxima etapa.

Parte 3 - Criar um novo applet/receita no IFTTT

  1. Acesse aqui para criar um novo "Applet".
  2. Clique no grande azul "[+] This" e escolha "Twitch" (use a barra de pesquisa para encontrá-lo rapidamente).
  3. Conecte sua conta, se necessário.
  4. Escolha "Nova transmissão iniciada por você" (deve ser a segunda opção da esquerda para a direita).
  5. Clique no grande azul "[+] That" e escolha "Webhooks".
  6. Escolha "Fazer uma solicitação web" (deve ser a única opção).
  7. Preencha os seguintes detalhes:
    • URL: [seu URL da "parte 2" acima]
    • Método: POST
    • Tipo de conteúdo: application/json
    • Corpo: [veja o trecho abaixo]
  8. Clique em "Criar ação".
  9. Pronto!

Trecho para o "Corpo"

Os webhooks são super personalizáveis e permitem criar visuais bastante detalhados. No entanto, seu formato também é um pouco complexo de acertar sem testes extensivos, então aqui está um modelo que seria útil para a maioria das pessoas:

{
"content": "{{ChannelName}} foi ao vivo no Twitch",
"embeds": [{
"title": "{{ChannelUrl}}",
"url": "{{ChannelUrl}}",
"color": 6570404,
"footer": {
"text": "{{CreatedAt}}"
},
"image": {
"url": "{{StreamPreview}}"
},
"author": {
"name": "{{ChannelName}} está transmitindo agora"
},
"fields": [
{
"name": "Jogando",
"value": "{{Game}}",
"inline": true
},
{
"name": "Iniciado em (fuso horário do streamer)",
"value": "{{CreatedAt}}",
"inline": true
}
]
}]
}

Este trecho que produzimos, irá criar uma notificação personalizada como abaixo - usamos o canal do xQcow como exemplo:

Mensagem Personalizada

Caso queira ter uma mensagem personalizada para alguma categoria, troque a variável pela mensagem que desejar.

Um exemplo, é substituir o content para aquilo que quiser.

Ao invés de {{ChannelName}} foi ao vivo no Twitch, mudaremos para {{ChannelName}} está ao vivo no Twitch!, por exemplo.

Mostrar sua foto de perfil da Twitch no incorporado (avançado)

Se você deseja mostrar sua foto de perfil do Twitch na caixa:

  1. Acesse o Twitch
  2. Clique com o botão direito do mouse em sua foto de perfil no canto superior direito:

  1. Clique em "Copiar endereço da imagem"
  2. Cole esse endereço neste blob em vez de <URL_DA_IMAGEM>:
"thumbnail": {
"url": "<URL_DA_IMAGEM>"
},
  1. Cole esse blob abaixo da área image no blob principal, para que essa parte mude de:
    "footer": {
"text": "{{CreatedAt}}"
},
"image": {
"url": "https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ChannelName}}-1280x720.jpg"
},
"author": {
"name": "{{ChannelName}} está transmitindo agora!"
},

Para isso:

    "footer": {
"text": "{{CreatedAt}}"
},
"image": {
"url": "https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ChannelName}}-1280x720.jpg"
},
"thumbnail": {
"url": "<URL_DA_IMAGEM>"
},
"author": {
"name": "{{ChannelName}} está transmitindo agora!"
},

Observação: O endereço da imagem que você acabou de usar para sua foto de perfil do Twitch pode parar de funcionar se você mudar sua foto. Então é recomendado que pegue a imagem URL do seu perfil do Twitch - toda vez que alterar - e cole no blob principal.

Créditos

· Leitura de 3 minutos
Anderson Marlon

"Comunicação com sua equipe ou grupo de amigos que estão desenvolvendo é um pequeno passo para alcançar ainda mais o sucesso. Com o Webhook do Discord, isso fica mais fácil, todo mundo sabe o que acontece e quando acontece e claro, tudo direitinho"

Imagine que você está trabalhando em um projeto com sua equipe e você precisa enviar uma mensagem para o grupo toda vez que um commit é feito no repositório. Isso é possível com o Webhook do Discord. E qual é a vantagem disso? COMUNICAÇÃO. Seja para receber informações do commit, seja para informar a equipe - sem precisar ficar indo até o Github - para informar que uma pull request foi aberta, informar que uma issue foi fechada, essas coisas ...

O que é Webhook?

Webhook é um recurso que permite que você receba mensagens de eventos de terceiros. Ou seja, no nosso caso, iremos receber mensagens do Github e enviar pelo Discord automaticamente, sem precisar de muitas permissões e sem precisar ficar indo até o Github para ver o que aconteceu, além de ser uma forma de comunicação rápida e direta, sem ter que ficar dando permissão pra tudo.

Configurando

Primeiro, você precisa criar um Webhook no Discord. Para isso, você precisa ter permissão de administrador no servidor. Depois, vá em Configurações do Servidor > Integração > Webhooks e clique em Criar Webhook. Você pode dar um nome e uma imagem para o Webhook, mas não é obrigatório. Depois, você vai receber um link para o Webhook, que será algo como https://discord.com/api/webhooks/1234567890/1234567890. Esse link é o que você vai usar para enviar as mensagens.

Agora, você precisa criar o Webhook no Github. Para isso, vá em Settings > Webhooks > Add webhook. Você vai precisar de um nome para o Webhook, o link que você recebeu do Discord e um segredo. O segredo é uma senha que você vai usar para validar que a mensagem que está chegando é realmente do Github, a não ser que você compartilhou isso com outra pessoa, mas não é necessário essa senha. Adicione o link que recebeu e no final coloque /github, ficando algo como https://discord.com/api/webhooks/1234567890/1234567890/github isso é extramente importante. Depois, você vai precisar selecionar os eventos que você quer receber. No nosso caso, vamos selecionar apenas o Push. Depois, troque o Content Type por Application/JSON e clique em Update Webhook.

Agora, você precisa fazer um commit no repositório para testar se está tudo funcionando. Depois, você vai receber uma mensagem no Discord. Se você não receber, verifique se você configurou tudo corretamente e se você tem permissão de administrador no servidor do Discord.

Para receber mais informações como issue e pull request, você deverá colocar para ouvir todos os eventos daquele repositório ao invés de apenas o Push. Para isso, vá em Settings > Webhooks > Edit e selecione todos os eventos.

Percebeu como é fácil configurar um simples webhook? Mas atente-se, pessoas mal intencionadas podem enviar outro tipo de mensagem para o seu servidor se tiverem acesso a esse link, então tome cuidado. Abaixo, vou deixar um exemplo de como ficou o primeiro push que fiz no repositório do Onigiri Hardcore lá no servidor da Kalify.

Webhook Discord