ブログ運営 on kenji.blog

Slack App + OAuth2 का उपयोग करके Slack पर संदेश कैसे पोस्ट करें

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

✅ एक्सेस टोकन का उपयोग करके पोस्ट करने की विधि (Slack Web API)

Slack का “OAuth Token (जैसे xoxb-…)” Slack के Web API का उपयोग करके पोस्ट करने के लिए एक कुंजी है। इस मामले में, Webhook के विपरीत, आप Authorization: Bearer हेडर के साथ Slack API एंडपॉइंट पर POST करते हैं।

🔑 आवश्यक शर्तें

आपको Slack ऐप के OAuth स्कोप में chat:write शामिल करना होगा:

सेटअप प्रक्रिया

https://api.slack.com/apps पर जाएं
एक ऐप बनाएं या मौजूदा ऐप चुनें
“OAuth & Permissions” > Scopes में → chat:write जोड़ें
“Install to Workspace” या “Reinstall” पर जाएं और Access Token प्राप्त करें (उदा: xoxb-xxxxxxxxxx)

💻 C++ कोड (WinHTTP के साथ Slack API पर पोस्ट करना)

 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);

 // Authorization हेडर और Content-Type
 std::wstring headers = L"Content-Type: application/json\r\n";
 headers += L"Authorization: Bearer " + accessToken + L"\r\n";

 // 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 << "भेजने में त्रुटि\n";
 return false;
 }

 // स्थिति कोड की जाँच
 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-आपका_एक्सेस_टोकन"; // एक्सेस टोकन
 std::string channel = "चैनल_ID_या_#general"; // उदा: "#general" या "C0123456789"
 std::string message = "C++ से Slack पर पोस्ट करने का प्रयास!";

 if (PostSlackMessage(token, channel, message)) {
 std::cout << "पोस्ट सफल!\n";
 } else {
 std::cerr << "पोस्ट विफल।\n";
 }

 return 0;
}

📌 चैनल ID कैसे प्राप्त करें

केवल चैनल नाम (उदा: #general) का उपयोग करने से त्रुटि हो सकती है। सबसे विश्वसनीय तरीका Slack चैनल पृष्ठ URL में ID का उपयोग करना है।

1
2


https://app.slack.com/client/Txxxxx/C0123456789
 ↑यह हिस्सा चैनल ID है

✅ टोकन के प्रकार (पूरक)

टोकन प्रारूप	उपयोग	उदाहरण
`xoxb-...`	Bot Token (अनुशंसित)	पोस्ट, संपादित करें, हटाएं
`xoxp-...`	User Token (अनुशंसित नहीं)	गैर-बॉट संचालन
Refresh Token	दीर्घकालिक टोकन अपडेट के लिए	आमतौर पर उपयोग नहीं किया जाता है

📝 सारांश

C++ से Slack पर पोस्ट करने के लिए, Slack Web API + Bearer Token विधि विश्वसनीय है
HTTPS POST के साथ chat.postMessage एंडपॉइंट का उपयोग करें
टोकन को Bearer हेडर में भेजा जाना चाहिए
चैनल ID निर्दिष्ट करना विश्वसनीय है

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 पंक्ति हटा दी।

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

अगर मूल डेवलपर्स भी इसका समर्थन कर सकें तो बहुत अच्छा होगा।

PaperMod में Twitter Card कैसे सेट करें

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

परिचय

PaperMod थीम Twitter Card का समर्थन करती है। हालाँकि, Twitter Card सेटिंग्स को config.toml में या प्रत्येक लेख के *.md की हेडर जानकारी में लिखा जाना चाहिए। यदि आप प्रत्येक लेख और config.toml दोनों में सेट करते हैं, तो प्रत्येक लेख की हेडर जानकारी को प्राथमिकता दी जाएगी।

सेट कैसे करें

config.toml

config.toml में, [params] के तहत images नामक एक आइटम जोड़ें। 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 (यहाँ रखें)

प्रत्येक लेख की हेडर जानकारी

प्रत्येक लेख की हेडर जानकारी में, cover के तहत image नामक एक आइटम जोड़ें। यदि आप relative को true पर सेट करते हैं, तो आप इसे लेख के *.md से सापेक्ष पथ के रूप में निर्दिष्ट कर सकते हैं।

1
2
3


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

यदि आप इसे लेख के शीर्ष पर प्रदर्शित नहीं करना चाहते हैं

यदि आप लेख के शीर्ष पर कवर छवि प्रदर्शित नहीं करना चाहते हैं, तो cover के तहत hidden नामक एक आइटम जोड़ें और इसे 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 का उपयोग करें। हालाँकि, चूंकि मेरे वातावरण में पूर्वावलोकन ठीक से प्रदर्शित नहीं हुआ था, यदि पूर्वावलोकन प्रदर्शित नहीं होता है, तो मैं पोस्ट करने से पहले एक बार निजी खाते आदि का उपयोग करके इसकी जांच करने की सलाह देता हूं।