Управление Блогом on kenji.blog

Как отправлять сообщения в Slack на C++ (Win32 API + WinHTTP) [Поддержка Webhook]

Wed, 16 Jul 2025 19:42:56 +0900

Как отправлять сообщения в Slack на C++ (Win32 API + WinHTTP) [Поддержка Webhook]

Я хочу отправлять сообщения в Slack из C++. Это часто встречается в Node.js и Python, но случаев использования “C++ × Win32 API × WinHTTP” немного.

В этой статье я шаг за шагом и понятно объясню как отправлять сообщения из C++ в Slack с использованием URL Webhook .

✅ Общий процесс

Чтобы опубликовать сообщение в Slack, выполните следующие шаги:

Получите URL Slack Webhook (API-ключ)
Отправьте POST запрос с помощью WinHTTP
Сформируйте текст сообщения в формате JSON
Проверьте результат, и готово!

🔑 Шаг 1: Как получить URL Slack Webhook

В Slack можно легко отправлять сообщения из внешних сервисов с помощью функции Incoming Webhooks.

Шаги получения

Перейдите на https://api.slack.com/apps
Нажмите Create New App
Выберите From scratch, укажите имя приложения и целевую рабочую область
В левом меню выберите “Incoming Webhooks” и включите их
Нажмите “Add New Webhook to Workspace” и выберите канал
Скопируйте сгенерированный URL (например: https://hooks.slack.com/services/xxx/yyy/zzz)

Этот URL работает как API-ключ.

💻 Шаг 2: Отправка сообщения в Slack с помощью кода C++

Используемые технологии

Win32 API
WinHTTP (стандартная библиотека)
Сообщения в формате JSON

Пример кода (Отправка в Slack)

 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
73
74
75
76
77
78
79
80
81
82


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

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

bool PostToSlack(const std::wstring& webhookUrl, const std::string& messageJson) {
 // URLの分解
 URL_COMPONENTS urlComp{};
 wchar_t hostName[256];
 wchar_t urlPath[1024];

 urlComp.dwStructSize = sizeof(urlComp);
 urlComp.lpszHostName = hostName;
 urlComp.dwHostNameLength = _countof(hostName);
 urlComp.lpszUrlPath = urlPath;
 urlComp.dwUrlPathLength = _countof(urlPath);

 if (!WinHttpCrackUrl(webhookUrl.c_str(), 0, 0, &urlComp)) {
 std::wcerr << L"URL分解に失敗しました\n";
 return false;
 }

 // HTTPセッションと接続
 HINTERNET hSession = WinHttpOpen(L"SlackPoster/1.0",
 WINHTTP_ACCESS_TYPE_DEFAULT_PROXY,
 WINHTTP_NO_PROXY_NAME,
 WINHTTP_NO_PROXY_BYPASS, 0);
 HINTERNET hConnect = WinHttpConnect(hSession, hostName, urlComp.nPort, 0);
 HINTERNET hRequest = WinHttpOpenRequest(hConnect, L"POST", urlPath,
 NULL, WINHTTP_NO_REFERER,
 WINHTTP_DEFAULT_ACCEPT_TYPES,
 WINHTTP_FLAG_SECURE);

 std::wstring headers = L"Content-Type: application/json\r\n";
 BOOL result = WinHttpSendRequest(hRequest,
 headers.c_str(),
 -1,
 (LPVOID)messageJson.c_str(),
 messageJson.length(),
 messageJson.length(),
 0);

 if (!result) {
 std::cerr << "送信リクエストに失敗しました\n";
 return false;
 }

 WinHttpReceiveResponse(hRequest, NULL);

 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 webhookUrl = L"https://hooks.slack.com/services/xxx/yyy/zzz"; // 自分のWebhookに置き換えてください

 std::string message = R"({
 "text": "Hello from C++ :rocket:",
 "username": "C++ Bot",
 "icon_emoji": ":robot_face:"
 })";

 if (PostToSlack(webhookUrl, message)) {
 std::cout << "投稿に成功しました！\n";
 } else {
 std::cerr << "投稿に失敗しました。\n";
 }

 return 0;
}

🧪 Настройка JSON сообщений

В Slack Webhook можно включать следующие параметры:

1
2
3
4
5
6


{
 "text": "Содержимое уведомления",
 "username": "Имя бота",
 "icon_emoji": ":rocket:",
 "channel": "#любое_имя_канала"
}

📌 Дополнительная информация

Content-Type должен быть обязательно указан как "application/json"
URL Webhook передается как wstring без изменений (URL-кодирование не требуется)
Так как это HTTPS соединение, не забудьте WINHTTP_FLAG_SECURE

🎉 Бонус: Пример проверки публикации в Slack

В Slack это будет выглядеть так:

1
2


[C++ Bot]
Hello from C++ :rocket:

✍️ Итоги

Параметр	Описание
Метод отправки	Webhook (Incoming Webhooks)
Библиотека связи	WinHTTP
Формат данных	JSON
Доступные параметры	text, username, icon_emoji, channel и т.д.

Даже если вы думали, что интеграция со Slack на C++ — это сложно… вы можете добавить бота для уведомлений прямо сегодня!

🚀 Что дальше?

Если вам интересно, в следующий раз:

Прикрепление файлов
Интерфейс с кнопками
Гибкая работа с API через Slack App + OAuth2

Мы также можем представить более продвинутую интеграцию со Slack, подобную этой!

Список команд Hugo

Fri, 31 May 2024 01:36:00 +0900

Что такое Hugo

Hugo — это генератор статических сайтов. Он позволяет создавать веб-сайты, преобразуя файлы Markdown в HTML. Hugo написан на языке Go и работает очень быстро.

Этот блог также создан с помощью Hugo.

Установка CLI Hugo

Чтобы установить CLI Hugo, выполните следующую команду.

※ Это пример для macOS. Для других ОС, пожалуйста, обратитесь к официальной документации.

1

brew install hugo

Вы можете установить его с помощью Homebrew.

Список команд Hugo

Hugo предлагает различные команды. Ниже приведены наиболее часто используемые команды.

Создать новый сайт

1

hugo new site <Имя сайта>

Команда для создания нового сайта. Вместо <Имя сайта> укажите название вашего сайта.

Создать новую статью

1

hugo new <Имя статьи>.md

Команда для создания новой статьи. Вместо <Имя статьи> укажите название вашей статьи.

Запустить сервер

1

hugo server

Команда для запуска локального сервера. Вы можете получить к нему доступ по адресу http://localhost:1313.

Сборка сайта

1

hugo

Команда для сборки сайта. HTML-файлы будут сгенерированы в директории public.

Развертывание

1

hugo deploy

Команда для развертывания сайта. Настройки развертывания выполняются в файле config.toml.

Показать список статей

1

hugo list all

Команда для отображения списка статей.

Проверка конфигурации

1

hugo config

Команда для проверки конфигурации.

Показать справку

1

hugo help

Команда для отображения справки.

Показать версию

1

hugo version

Команда для отображения версии.

На этом список команд Hugo завершен. Существует множество других команд, поэтому, пожалуйста, обратитесь к официальной документации.

Ссылки

Официальная документация Hugo

Браузерное расширение для автообновления веб-страниц (Надстройка Edge)

Sat, 06 Apr 2024 15:36:54 +0900

Представляю вам расширение браузера Edge «Автообновление вкладок», которое автоматически обновляет веб-страницы.

Установка автообновления вкладок

Автообновление вкладок

Зайдите на указанный выше сайт и нажмите Установить.

Нажмите Добавить расширение.

Как использовать

После завершения установки в правом верхнем углу Edge будет добавлен значок.

Откройте веб-страницу, которую хотите автоматически обновлять, и нажмите на значок, чтобы начать автоматическое обновление.

Область в зеленой рамке — это интервал автоматического обновления. Пожалуйста, выберите время автоматического обновления.

Чтобы остановить автоматическое обновление, нажмите на значок, а затем нажмите Stop reloading this tab.

Крутые шаблоны веб-страниц (html5up)

Mon, 17 Apr 2023 00:26:55 +0900

Крутые шаблоны веб-страниц

html5up https://html5up.net/

Подумал, что хочу попробовать использовать, поэтому делаю заметку.

О сайте фотоматериалов "Unsplash" для блогов

Sun, 02 Apr 2023 14:44:17 +0900

О “Unsplash”

https://unsplash.com/ja/

Сайт фотоматериалов “Unsplash” вкратце имеет следующие особенности:

Все изображения можно использовать бесплатно
Разрешено коммерческое использование
Разрешена обработка изображений
Разрешение на использование не требуется
Указание авторства не требуется

Он очень удобен при написании статей в блоге, поэтому обязательно попробуйте.

※ Что касается лицензии, пожалуйста, обратитесь к “сноске” ниже. ¹

Я также буду использовать его на этом сайте.

Лицензия Unsplash ↩︎

Использование HTML-тегов в HUGO

Tue, 17 Jan 2023 19:20:32 +0900

По умолчанию в HUGO запрещено использование HTML-тегов в статьях, но если добавить следующий код в config.toml, это станет возможным.

1
2


[markup.goldmark.renderer]
 unsafe = true

Ссылка: Configure Markup

Отметить все флажки на веб-странице

Wed, 05 Oct 2022 20:07:06 +0900

Чтобы отметить все флажки на веб-странице, откройте DevTools с помощью F12, вставьте следующий код в консоль и выполните его.

1
2
3
4
5
6


let boxes = document.querySelectorAll('input[type="checkbox"]');
for (let i = 0; i < boxes.length; i++) {
 if (!boxes[i].disabled) {
 boxes[i].checked = true;
 }
}

Или,

Создайте новую закладку и вставьте следующий код в адрес регистрации (обычно там, где вы вводите https://…). Откройте веб-страницу, на которой вы хотите отметить флажки, нажмите на созданную закладку, и все флажки будут отмечены.

1

javascript:(function(){let boxes=document.querySelectorAll('input[type="checkbox"]');for(let i=0;i<boxes.length;i++){if(!boxes[i].disabled){boxes[i].checked=true;}}})();

Если вы хотите снять все флажки, измените часть boxes[i].checked = true; в приведенном выше скрипте на boxes[i].checked = false;.

Изменение расположения изображений в PaperMod

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

В макете по умолчанию изображение располагается по центру с шириной 100%, но иногда мне казалось, что оно слишком большое, поэтому я решил обтекать изображение под заголовком и изменить ширину примерно до 150px.

Места изменения файлов следующие.

blank.css

Чтобы изменить поля, размер изображения и строки отображения текста, добавьте следующее описание в 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

Поскольку определение не удалось удалить на стороне blank.css, удалите следующую строку в post-entry.css.

1
2
3
4
5
6


.entry-cover img {
 border-radius: var(--radius);
 pointer-events: none;
 /* width: 100%; */ ← удалить эту строку
 height: auto;
}

list.html

Чтобы изменить расположение изображения, я изменил следующие части 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) }} --><!-- переместить вниз -->
 <!-- {{- partial "cover.html" (dict "cxt" . "IsHome" true "isHidden" $isHidden) }} --><!-- переместить вниз -->
 <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;"><!-- добавить -->
 <div style="max-width:150px;margin:11px 15px 0px 0px;"><!-- добавить -->
 {{- $isHidden := (site.Params.cover.hidden | default site.Params.cover.hiddenInList) }}<!-- переместить сверху -->
 {{- partial "cover.html" (dict "cxt" . "IsHome" true "isHidden" $isHidden) }}<!-- переместить сверху -->
 </div><!-- добавить -->
 <div style="width:100%;"><!-- добавить -->
 {{- 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><!-- добавить -->
 </div><!-- добавить -->
</article>

Похожих запросов, кажется, немало.

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

Было бы здорово, если бы оригинальные разработчики тоже это поддержали.

Как настроить Twitter Card в PaperMod

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

Введение

Тема PaperMod поддерживает Twitter Card. Однако настройки Twitter Card должны быть прописаны в config.toml или в заголовке *.md каждой статьи. Если они заданы как в каждой статье, так и в config.toml, приоритет будет иметь заголовок каждой статьи.

Способ настройки

config.toml

В config.toml добавьте элемент с именем images в разделе [params]. В images укажите путь к изображению, которое будет отображаться в Twitter Card. Если вы размещаете изображение в папке static, достаточно указать только имя файла.

1
2


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

Структура папок

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


root
│ config.toml (писать здесь)
├─content
│ └─posts
│ └─папка статьи
│ │ index.md (писать здесь)
│ └─images
│ cover.png (поместить здесь)
└─static
 twitter_card.jpg (поместить здесь)

Информация в заголовке каждой статьи

В информацию в заголовке каждой статьи добавьте элемент с именем image в разделе cover. Если установить relative в true, можно указать относительный путь от *.md статьи.

1
2
3


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

Если вы не хотите отображать её в верхней части статьи

Если вы не хотите отображать обложку в верхней части статьи, добавьте элемент с именем hidden в разделе cover и установите его в true.

1
2
3
4


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

О размере изображения

Согласно текущей спецификации PaperMod, размер Twitter Card, по-видимому, поддерживает только summary_large_image. Подходящий размер (разрешение) для summary_large_image варьируется, но кажется, что около 800 x 418 (соотношение сторон 1.91:1) является оптимальным.

Справочный сайт 1 Справочный сайт 2

Если возможно, мы рекомендуем изменить размер изображения перед публикацией.

Как проверить настройки

Чтобы проверить настройки Twitter Card, используйте Twitter Card Validator. Однако в моей среде предварительный просмотр отображался некорректно, поэтому, если предварительный просмотр не отображается, мы рекомендуем проверить его один раз перед публикацией, используя закрытый аккаунт и т. д.

Изменение цветовой схемы PaperMod

Wed, 07 Sep 2022 15:30:21 +0900

Я изменил цветовую схему темы PaperMod. Способ изменения описан ниже.

https://github.com/adityatelange/hugo-PaperMod/discussions/645

Путь к CSS следующий:

themes/PaperMod/assets/css/extended/blank.css

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


:root {
 --entry: #fbf7ef;
 --primary: rgba(113, 103, 91, 1.00);
 --secondary: rgba(113, 103, 91, 0.95);
 --tertiary: rgba(113, 103, 91, 0.50);
 --content: rgba(113, 103, 91, 0.85);
 --hljs-bg: #34231B;
 --code-bg: #ebe4d7;
 --border: #fdfaf5;
 --theme: #fbf7ef;
}
.dark {
}

Темная тема пока без изменений.