अपने अनुप्रयोग से सुस्त करने के लिए अनुकूलित संदेश कैसे भेजें

स्लैक एक लोकप्रिय मैसेजिंग ऐप है जिसका उपयोग कई टीमों द्वारा किया जाता है। यह बहुत सारी सेवाओं और डेवलपर्स के लिए एक एपीआई के साथ आता है ताकि इसे अपने अनुप्रयोगों के साथ एकीकृत किया जा सके। आज की पोस्ट में हम देखेंगे कि किसी बाहरी एप्लिकेशन से डेटा को भेजने के लिए इनकमिंग वेबहुक नामक अपनी सेवाओं में से एक का उपयोग कैसे करें.

इस तरह हम कर सकते हैं हमारे पास पहले से मौजूद किसी भी एप्लिकेशन से स्लैक को आसानी से संदेश भेजें; हम रिपोर्ट, अपडेट, समाचार, सूचनाएं और बहुत कुछ भेज सकते हैं। इस पोस्ट के लिए, मैंने उदाहरण में जावास्क्रिप्ट का उपयोग किया है। शुरू करने के लिए, अपनी टीम के स्लैक खाते में साइन इन करें.

1. एकीकरण सेट करें

आपको पहले एक आने वाले webhook एकीकरण को स्थापित करना होगा। के लिए जाओ yourteam.slack.com/apps/build/custom-integration और पर क्लिक करें इनकमिंग वेबहूक, फिर एक चैनल या उपयोगकर्ता चुनें जिसे आप अपने संदेश पोस्ट करना चाहते हैं (यह चयन कोड में बाद में ओवरराइड किया जा सकता है).

एक बार हो जाने के बाद, आप अपने आने वाले वेबहुक एकीकरण के कॉन्फ़िगरेशन पृष्ठ को देखेंगे.

नीचे स्क्रॉल करें और प्रारूप में एक Webhook URL होगा https://hooks.slack.com/services/TXXXXXXXX/BXXXXXXXX/token. उस URL को कहीं सहेजें, हमें बाद में इसकी आवश्यकता होगी। आप इस पृष्ठ में एकीकरण के आइकन और नाम को स्वयं बदल सकते हैं, लेकिन हम कोड में ऐसा करेंगे.

2. संदेश बनाएँ

आइए कल्पना करें कि आपने पहले से ही एक वेब ऐप बनाया है, जो लोकप्रिय साइटों में वेलेंटाइन डे की बिक्री के साथ-साथ बिक्री के दौरान उपयोग के लिए ऑफ़र कोड की तलाश करता है, और किसी कारण से, आप अपने सुस्त टीम के सदस्यों के साथ इस परिणाम को साझा करना चाहते हैं।.

अब हमें बस इतना करना है कि पिछले चरण में बनाए गए webhook URL का उपयोग करें और JSON डेटा के साथ अपने एप्लिकेशन से इसके लिए एक अनुरोध पोस्ट करें, जो बिक्री प्रस्ताव संदेश को संदेश देगा.

आइए, पहले JSON स्ट्रिंग को एक साथ रखें, जो स्लैक संदेश में बदल जाएगी। JSON डेटा ले जाने वाले पैरामीटर को पेलोड कहा जाता है, इसलिए JSON स्ट्रिंग को इस तरह दिखना चाहिए:

var myJSONStr = 'पेलोड = "उपयोगकर्ता नाम": "SALE BOT", "icon_url": "example.com/img/icon.jpg", "channel": "#general"' 

icon_url छवि का URL है जो प्रोफ़ाइल चित्र के रूप में दिखाई देगा, आप भी उपयोग कर सकते हैं icon_emoji उदाहरण के लिए, प्रोफाइल पिक्चर के रूप में इमोजी प्रदर्शित करने के लिए "icon_emoji": ": उपहार:". "चैनल" चैनल या उपयोगकर्ता नाम निर्दिष्ट करता है जो आपका संदेश देखेगा। उपयोगकर्ता नाम के लिए सिंटैक्स का उपयोग करें "@उपयोगकर्ता नाम", चैनल के लिए "#चैनल का नाम".

अब वास्तविक संदेश के लिए; आप या तो जोड़ सकते हैं "पाठ" संपत्ति और अपने संदेश को उसके मूल्य के रूप में लिखें और उसके साथ किया जाए, या कहे गए संपत्ति का उपयोग करें "लगाव" बड़े पैमाने पर स्वरूपित पाठ जोड़ने के लिए, जो कि हम अभी कर रहे हैं.

"लगाव" की संपत्ति पेलोड इस तरह से जाता है:

"अटैचमेंट्स": ["फॉलबैक": "अटैचमेंट समर्थित नहीं है।", "शीर्षक": "VALENTINE'S DAY OFFER", "रंग": "# 9C1A22", "बहाना": "आज की भयानक पेशकशों की सूची आपके लिए "," author_name ":" प्रीति "," author_link ":" https://www.hongkiat.com/blog/author/preethi/ "," author_icon ":" https://assets.hongkiat.com/ अपलोड / लेखक / preethi.jpg "," mrkdwn_in ": [" पाठ "," फ़ील्ड "]," पाठ ":" बस साइट के नाम पर क्लिक करें और खरीदना शुरू करें। यदि प्रदान किया गया हो तो ऑफ़र कोड * के साथ अतिरिक्त कमी प्राप्त करें। " "," thumb_url ":" http://example.com/thumbnail.jpg "]

"मैदान छोड़ना" वैकल्पिक पाठ को दिखाया जाता है जब स्लैक संदेश को एक एप्लिकेशन में देखा जाता है जो संदेश अनुलग्नक का समर्थन नहीं करता है (जैसे मोबाइल सूचनाओं में).

"रंग" संदेश का बाईं ओर का रंग है.

"बहाने" मुख्य सामग्री से पहले दिखाया गया पाठ है.

"Author_link" लेखक के नाम में URL हाइपरलिंक है (यदि प्रदान किया गया है).

"Mrkdwn_in" संपत्ति के नाम की एक सरणी है, जिनके मूल्य संदेश में स्वरूपित दिखाए गए हैं - मार्कट सिंटैक्स की तरह (*) बोल्ड के लिए और (_) इटैलिक के लिए। के लिए तीन संभव मान "Mrkdwn_in" "पाठ", "बहाने" और "क्षेत्र" हैं

"Thumb_url" थंबनेल छवि का URL है.

यह संदेश अब तक कैसा दिखेगा.

अब खेतों को अटैचमेंट ऐरे में जोड़ते हैं, जो साइट्स को प्रदर्शित करेगा और दो कॉलम में कोड पेश करेगा.

"फ़ील्ड्स": ["शीर्षक": "साइट्स", "मूल्य": "__ \ N__ "," लघु ": सत्य, " शीर्षक ":" प्रस्ताव कोड "," मूल्य ":" UI90O22 \ n- "," संक्षिप्त ": सत्य], 

उपयोग \ n लाइन ब्रेक और सिंटैक्स जोड़ने के लिए हाइपरलिंक जोड़ने के लिए.

अंडरस्कोर का उपयोग इटैलिक में टेक्स्ट को फॉर्मेट करने के लिए किया जाता है.

कम इस पर लगा है सच यदि मानों को अगल-बगल प्रदर्शित किया जाए (जैसे यदि यह छोटा है)। एक साथ रखो, JSONString इस तरह दिखेगा (वास्तविक कार्य कोड में एक पंक्ति में स्ट्रिंग रखें)

var myJSONStr = 'पेलोड = "उपयोगकर्ता नाम": "SALE BOT", "icon_url": "example.com/img/icon.jpg", "संलग्नक": ["fallback": "Attachement समर्थित नहीं है। "," शीर्षक ":" VALENTINE'S DAY OFFER "," रंग ":" # 9C1A22 "," बहाना ":" आज की सूची में आपके लिए उठाए गए भयानक प्रस्ताव "," author_name ":" Prehihi "," author_link ":" https : //www.hongkiat.com/blog/author/preethi/ "," author_icon ":" https://assets.hongkiat.com/uploads/author/preethi.jpg "," फ़ील्ड ": [] शीर्षक : "साइट", "मूल्य": "__ \ N__ "," लघु ": सत्य, " शीर्षक ":" ऑफ़र कोड "," मूल्य ":" UI90O22 \ n- "," संक्षिप्त ": सच]," mrkdwn_in ": [" पाठ "," फ़ील्ड " "," पाठ ":" बस साइट के नाम पर क्लिक करें और खरीदना शुरू करें। प्रस्ताव कोड के साथ * अतिरिक्त कमी प्राप्त करें *, यदि प्रदान किया गया है। "," thumb_url ":" http://example.com/thumbnail.jpg "]] '; 

3. अनुरोध पोस्ट करें

अब जावास्क्रिप्ट में पोस्ट अनुरोध करने के लिए, नीचे दिए गए फ़ंक्शन का उपयोग करें:

function postMessageToSlack () var xmlhttp = new XMLHttpRequest (), webhook_url = url-you-सहेजी गई-पहले, myJSONStr = json-string-from-above; xmlhttp.open ('POST', webhook_url, false); xmlhttp.setRequestHeader ('सामग्री-प्रकार', 'आवेदन / x-www-form-urlencoded'); xmlhttp.send (myJSONStr);  

इस फ़ंक्शन को एक बटन क्लिक या पेज लोड में जोड़ें इसे काम करते देखना.

अंतिम आउटपुट कुछ इस तरह दिखाई देगा: