ブログ運営 on kenji.blog

Como postar uma mensagem no Slack usando Slack App + OAuth2

Wed, 16 Jul 2025 23:36:27 +0900

✅ Método de postagem usando token de acesso (Slack Web API)

O “OAuth Token” (como xoxb-…) do Slack é uma chave para postar usando a Web API do Slack. Neste caso, diferentemente do Webhook, você faz um POST no Slack API Endpoint com um cabeçalho Authorization: Bearer.

🔑 Pré-requisitos necessários

É necessário incluir chat:write no escopo OAuth do aplicativo Slack:

Procedimento de configuração

Acesse https://api.slack.com/apps
Crie um aplicativo ou selecione um aplicativo existente
Em “OAuth & Permissions” > Scopes → Adicione chat:write
Vá em “Install to Workspace” ou “Reinstall” e obtenha o Access Token (ex: xoxb-xxxxxxxxxx)

💻 Código C++ (Postando para a Slack API com WinHTTP)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72


#include <windows.h>
#include <winhttp.h>
#include <iostream>

#pragma comment(lib, "winhttp.lib")

bool PostSlackMessage(const std::wstring& accessToken, const std::string& channel, const std::string& text) {
 const wchar_t* host = L"slack.com";
 const wchar_t* path = L"/api/chat.postMessage";

 HINTERNET hSession = WinHttpOpen(L"SlackPoster/1.0",
 WINHTTP_ACCESS_TYPE_DEFAULT_PROXY,
 WINHTTP_NO_PROXY_NAME,
 WINHTTP_NO_PROXY_BYPASS, 0);
 if (!hSession) return false;

 HINTERNET hConnect = WinHttpConnect(hSession, host, INTERNET_DEFAULT_HTTPS_PORT, 0);
 if (!hConnect) return false;

 HINTERNET hRequest = WinHttpOpenRequest(hConnect, L"POST", path,
 NULL, WINHTTP_NO_REFERER,
 WINHTTP_DEFAULT_ACCEPT_TYPES,
 WINHTTP_FLAG_SECURE);

 // Cabeçalhos Authorization e Content-Type
 std::wstring headers = L"Content-Type: application/json\r\n";
 headers += L"Authorization: Bearer " + accessToken + L"\r\n";

 // Corpo JSON
 std::string body = R"({"channel":")" + channel + R"(","text":")" + text + R"("})";

 BOOL result = WinHttpSendRequest(hRequest,
 headers.c_str(),
 (DWORD)-1,
 (LPVOID)body.c_str(),
 body.length(),
 body.length(),
 0);

 if (!result || !WinHttpReceiveResponse(hRequest, NULL)) {
 std::cerr << "Erro de envio\n";
 return false;
 }

 // Verificação do código de status
 DWORD statusCode = 0;
 DWORD size = sizeof(statusCode);
 WinHttpQueryHeaders(hRequest,
 WINHTTP_QUERY_STATUS_CODE | WINHTTP_QUERY_FLAG_NUMBER,
 WINHTTP_HEADER_NAME_BY_INDEX,
 &statusCode, &size, WINHTTP_NO_HEADER_INDEX);

 WinHttpCloseHandle(hRequest);
 WinHttpCloseHandle(hConnect);
 WinHttpCloseHandle(hSession);

 return (statusCode == 200);
}

int main() {
 std::wstring token = L"xoxb-seu_token_de_acesso"; // Token de acesso
 std::string channel = "ID_DO_CANAL_ou_#general"; // Ex: "#general" ou "C0123456789"
 std::string message = "Testando postagem no Slack usando C++!";

 if (PostSlackMessage(token, channel, message)) {
 std::cout << "Postagem bem-sucedida!\n";
 } else {
 std::cerr << "Falha na postagem.\n";
 }

 return 0;
}

📌 Como obter o ID do canal

Apenas o nome do canal (ex: #general) pode causar um erro. A maneira confiável é usar o ID encontrado no URL da página do canal do Slack.

1
2


https://app.slack.com/client/Txxxxx/C0123456789
 ↑Esta parte é o ID do canal

✅ Sobre os tipos de tokens (Suplemento)

Formato do Token	Uso	Exemplo
`xoxb-...`	Bot Token (Recomendado)	Postar, editar, excluir
`xoxp-...`	User Token (Não recomendado)	Operações não relacionadas a bot
Refresh Token	Para atualização de token a longo prazo	Normalmente não utilizado

📝 Resumo

Para postar no Slack usando C++, o método da Slack Web API + Bearer Token é confiável
Use o endpoint chat.postMessage com HTTPS POST
O token deve ser enviado no cabeçalho Bearer
A especificação de ID para o canal é confiável

Alterar o Layout da Imagem no PaperMod

Sun, 11 Sep 2022 18:50:40 +0900

O layout padrão posiciona a imagem no centro com 100% de largura, mas como às vezes parecia um pouco grande, tentei fazer a imagem contornar abaixo do título, e mudei a largura para cerca de 150px.

As alterações nos arquivos são as seguintes.

blank.css

Para alterar as margens, tamanho da imagem e linhas de exibição do texto, adicionamos a seguinte descrição em blank.css.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23


.entry-content {
 -webkit-line-clamp: 4;
}

.entry-footer {
 text-align: right;
}

.entry-cover {
 margin-bottom: initial;
 text-align: center;
}

.entry-cover img {
 border-radius: 4px;
 display: inline;
 max-width: 100%;
}

.post-meta {
 display: block;
 text-align: right;
}

post-entry.css

Como não pude remover a definição no blank.css, excluí 1 linha no seguinte local em post-entry.css.

1
2
3
4
5
6


.entry-cover img {
 border-radius: var(--radius);
 pointer-events: none;
 /* width: 100%; */ ← Remover esta linha
 height: auto;
}

list.html

Para alterar o layout da imagem, modifiquei o seguinte local em list.html.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29


<article class="{{ $class }}">
 <!-- {{- $isHidden := (site.Params.cover.hidden | default site.Params.cover.hiddenInList) }} --><!-- Movido para baixo -->
 <!-- {{- partial "cover.html" (dict "cxt" . "IsHome" true "isHidden" $isHidden) }} --><!-- Movido para baixo -->
 <header class="entry-header">
 <h2>
 {{- .Title }}
 {{- if .Draft }}<sup><span class="entry-isdraft">&nbsp;&nbsp;[draft]</span></sup>{{- end }}
 </h2>
 </header>
 <div style="display:flex;"><!-- Adicionado -->
 <div style="max-width:150px;margin:11px 15px 0px 0px;"><!-- Adicionado -->
 {{- $isHidden := (site.Params.cover.hidden | default site.Params.cover.hiddenInList) }}<!-- Movido de cima -->
 {{- partial "cover.html" (dict "cxt" . "IsHome" true "isHidden" $isHidden) }}<!-- Movido de cima -->
 </div><!-- Adicionado -->
 <div style="width:100%;"><!-- Adicionado -->
 {{- if (ne (.Param "hideSummary") true) }}
 <div class="entry-content">
 <p>{{ .Summary | plainify | htmlUnescape }}{{ if .Truncated }}...{{ end }}</p>
 </div>
 {{- end }}
 {{- if not (.Param "hideMeta") }}
 <footer class="entry-footer">
 {{- partial "post_meta.html" . -}}
 </footer>
 {{- end }}
 <a class="entry-link" aria-label="post link to {{ .Title | plainify }}" href="{{ .Permalink }}"></a>
 </div><!-- Adicionado -->
 </div><!-- Adicionado -->
</article>

Parece que não são poucos os pedidos semelhantes.

https://github.com/adityatelange/hugo-PaperMod/discussions/159#discussioncomment-247844

Seria bom se os desenvolvedores originais também pudessem suportar isso.

Como Configurar o Twitter Card com o PaperMod

Sat, 10 Sep 2022 18:41:22 +0900

Introdução

O tema PaperMod suporta Twitter Cards. No entanto, as configurações do Twitter Card devem ser descritas no config.toml ou nas informações de cabeçalho de *.md de cada artigo. Se você configurar em cada artigo e no config.toml, as informações de cabeçalho de cada artigo terão prioridade.

Como Configurar

config.toml

No config.toml, adicione um item chamado images em [params]. Em images, descreva o caminho da imagem para exibir no Twitter Card. Se você colocar a imagem na pasta static, especificar apenas o nome do arquivo é o suficiente.

1
2


[params]
 images = ["twitter_card.jpg"]

Estrutura de Pastas

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


root
│ config.toml (Escreva aqui)
├─content
│ └─posts
│ └─Pasta do artigo
│ │ index.md (Escreva aqui)
│ └─images
│ cover.png (Coloque aqui)
└─static
 twitter_card.jpg (Coloque aqui)

Informações de Cabeçalho de Cada Artigo

Nas informações de cabeçalho de cada artigo, adicione um item chamado image sob cover. Se você definir relative como true, poderá especificar com um caminho relativo a partir do *.md do artigo.

1
2
3


cover:
 image: "images/cover.jpg"
 relative: true

Se você não quiser exibir na parte superior do artigo

Se você não deseja exibir a imagem de capa na parte superior do artigo, adicione um item chamado hidden sob cover e defina-o como true.

1
2
3
4


cover:
 image: "images/cover.jpg"
 relative: true
 hidden: true

Sobre o Tamanho da Imagem

Na especificação atual do PaperMod, parece que o tamanho do Twitter Card suporta apenas summary_large_image. O tamanho adequado (resolução) de summary_large_image tem várias teorias, mas cerca de 800 x 418 (proporção de imagem 1.91:1) parece bom.

Site de referência 1 Site de referência 2

Recomendamos redimensionar o tamanho da imagem antes de postar, se possível.

Como Verificar as Configurações

Para verificar as configurações do Twitter Card, use o Twitter Card Validator. No entanto, como a pré-visualização não foi exibida corretamente no meu ambiente, se a pré-visualização não aparecer, recomendo que você verifique uma vez antes de postar usando uma conta privada ou similar.