ブログ運営 on kenji.blog

Comment publier un message sur Slack à l'aide de Slack App + OAuth2

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

✅ Méthode de publication à l’aide d’un jeton d’accès (Slack Web API)

Le “OAuth Token” (comme xoxb-…) de Slack est une clé pour publier des messages à l’aide de l’ API Web de Slack. Dans ce cas, contrairement à un Webhook, vous effectuez une requête POST vers le point de terminaison API Slack avec un en-tête Authorization: Bearer.

🔑 Prérequis nécessaires

Vous devez inclure chat:write dans les portées OAuth de l’application Slack :

Procédure de configuration

Accédez à https://api.slack.com/apps
Créez une application ou sélectionnez une application existante
Sous “OAuth & Permissions” > Scopes → Ajoutez chat:write
Cliquez sur “Install to Workspace” ou “Reinstall” et obtenez l’Access Token (ex : xoxb-xxxxxxxxxx)

💻 Code C++ (Publication sur l’API Slack avec 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);

 // En-têtes Authorization et Content-Type
 std::wstring headers = L"Content-Type: application/json\r\n";
 headers += L"Authorization: Bearer " + accessToken + L"\r\n";

 // Corps 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 << "Erreur d'envoi\n";
 return false;
 }

 // Vérification du code d'état
 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-votre_jeton_d_acces"; // Jeton d'accès
 std::string channel = "ID_DU_CANAL_ou_#general"; // Ex : "#general" ou "C0123456789"
 std::string message = "Test de publication sur Slack depuis C++ !";

 if (PostSlackMessage(token, channel, message)) {
 std::cout << "Publication réussie !\n";
 } else {
 std::cerr << "Échec de la publication.\n";
 }

 return 0;
}

📌 Comment obtenir l’ID du canal

Utiliser uniquement le nom du canal (ex : #general) peut provoquer une erreur. La méthode fiable consiste à utiliser l’ID trouvé dans l’URL de la page du canal Slack.

1
2


https://app.slack.com/client/Txxxxx/C0123456789
 ↑Cette partie est l'ID du canal

✅ À propos des types de jetons (Supplément)

Format du jeton	Utilisation	Exemple
`xoxb-...`	Bot Token (Recommandé)	Publier, modifier, supprimer
`xoxp-...`	User Token (Non recommandé)	Opérations non liées aux bots
Refresh Token	Pour le renouvellement de jeton à long terme	Normalement non utilisé

📝 Résumé

Pour publier sur Slack depuis C++, la méthode Slack Web API + Bearer Token est fiable
Utilisez le point de terminaison chat.postMessage avec HTTPS POST
Le jeton doit être envoyé dans l’en-tête Bearer
La spécification de l’ID pour le canal est fiable

Modifier la disposition des images dans PaperMod

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

La disposition par défaut place l’image au centre avec une largeur de 100 %, mais comme je la trouvais parfois un peu grande, j’ai essayé de faire en sorte que l’image s’enroule sous le titre, et j’ai modifié la largeur à environ 150px.

Les modifications apportées aux fichiers sont les suivantes.

blank.css

Pour modifier les marges, la taille de l’image et les lignes d’affichage du texte, ajoutez la description suivante dans 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

Comme je n’ai pas pu supprimer la définition du côté de blank.css, j’ai supprimé 1 ligne à l’emplacement suivant dans post-entry.css.

1
2
3
4
5
6


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

list.html

Pour modifier la disposition de l’image, j’ai modifié l’emplacement suivant dans 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) }} --><!-- Déplacé vers le bas -->
 <!-- {{- partial "cover.html" (dict "cxt" . "IsHome" true "isHidden" $isHidden) }} --><!-- Déplacé vers le bas -->
 <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;"><!-- Ajouté -->
 <div style="max-width:150px;margin:11px 15px 0px 0px;"><!-- Ajouté -->
 {{- $isHidden := (site.Params.cover.hidden | default site.Params.cover.hiddenInList) }}<!-- Déplacé du haut -->
 {{- partial "cover.html" (dict "cxt" . "IsHome" true "isHidden" $isHidden) }}<!-- Déplacé du haut -->
 </div><!-- Ajouté -->
 <div style="width:100%;"><!-- Ajouté -->
 {{- 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><!-- Ajouté -->
 </div><!-- Ajouté -->
</article>

Il semble qu’il y ait pas mal de demandes similaires.

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

Ce serait bien si les développeurs officiels pouvaient également le prendre en charge.

Comment configurer Twitter Card avec PaperMod

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

Introduction

Le thème PaperMod prend en charge Twitter Card. Cependant, les paramètres de Twitter Card doivent être écrits dans le config.toml ou dans les informations d’en-tête du *.md de chaque article. Si vous le configurez à la fois dans chaque article et dans le config.toml, les informations d’en-tête de chaque article seront prioritaires.

Comment configurer

config.toml

Dans config.toml, ajoutez un élément appelé images sous [params]. Dans images, décrivez le chemin de l’image à afficher sur Twitter Card. Si vous placez l’image dans le dossier static, il suffit de spécifier uniquement le nom du fichier.

1
2


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

Structure des dossiers

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


root
│ config.toml (Écrire ici)
├─content
│ └─posts
│ └─Dossier de l'article
│ │ index.md (Écrire ici)
│ └─images
│ cover.png (Placer ici)
└─static
 twitter_card.jpg (Placer ici)

Informations d’en-tête de chaque article

Dans les informations d’en-tête de chaque article, ajoutez un élément appelé image sous cover. Si vous définissez relative sur true, vous pouvez spécifier avec un chemin relatif à partir du *.md de l’article.

1
2
3


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

Si vous ne souhaitez pas l’afficher en haut de l’article

Si vous ne souhaitez pas afficher l’image de couverture en haut de l’article, ajoutez un élément appelé hidden sous cover et définissez-le sur true.

1
2
3
4


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

À propos de la taille de l’image

Dans les spécifications actuelles de PaperMod, il semble que la taille de Twitter Card ne prenne en charge que summary_large_image. La taille appropriée (résolution) de summary_large_image a plusieurs théories, mais autour de 800 x 418 (ratio d’image 1.91:1) semble être bon.

Site de référence 1 Site de référence 2

Si possible, nous vous recommandons de redimensionner la taille de l’image avant de publier.

Comment vérifier les paramètres

Pour vérifier les paramètres de Twitter Card, utilisez le Twitter Card Validator. Cependant, comme l’aperçu ne s’est pas affiché correctement dans mon environnement, si l’aperçu n’apparaît pas, je vous recommande de vérifier une fois avant de publier en utilisant un compte privé ou similaire.