வெப்ஹூக்கள்
வெப்ஹூக் இணைப்புகளுடன் Zealy இன் திறன்களை மேம்படுத்துங்கள்.
எழுதியவர் louis, Fredrika, benjamin

இந்தப் பக்கத்தில்
ஒன்பது சமூக நிகழ்வுகளில் ஒன்று நிகழும்போது, அவற்றில் ஒரு உறுப்பினர் சேர்வது, ஒரு குவெஸ்ட் க்ளெய்ம் வெற்றிபெறுவது அல்லது தோல்வியடைவது, ஒரு ஸ்பிரிண்ட் தொடங்குவது, மற்றும் ஒரு பயனர் தடைசெய்யப்படுவது ஆகியவை அடங்கும், Zealy வெப்ஹூக் நீங்கள் தேர்ந்தெடுக்கும் URL-க்கு HTTP POST ஒன்றை அனுப்புகிறது. ஒவ்வொரு பேலோடும் ஒரு நிகழ்வு id, வகை, தரவு, மில்லிவினாடி நேரமுத்திரை, மற்றும் கோரிக்கை உண்மையானது என்பதை நிரூபிக்கும் ரகசியத்தைக் கொண்டுள்ளது.
அடிப்படைகள்
Zealy வழங்குகிறது வெப்ஹூக்கள் இவை தரவு உருவாக்கப்படும்போதோ அல்லது புதுப்பிக்கப்படும்போதோ HTTP புஷ் அறிவிப்புகளைப் பெற உங்களை அனுமதிக்கின்றன. இது Zealy-க்கு மேலே ஒருங்கிணைப்புகளை உருவாக்க உங்களை அனுமதிக்கிறது. நீங்கள் CI பில்ட்களைத் தூண்டலாம், குவெஸ்ட் தரவில் கணக்கீடுகளைச் செய்யலாம், அல்லது குறிப்பிட்ட நிபந்தனைகளில் செய்திகளை அனுப்பலாம் – நீங்கள் சொல்வதெல்லாம்.
உங்கள் வெப்ஹூக்களை அமைக்க Settings > Integrations > Zapier & Webhooks என்பதைப் பார்வையிடவும்.
Webhook எவ்வாறு செயல்படுகிறது?
Webhook push என்பது ஒரு HTTP POST கோரிக்கையாகும், இது நீங்கள் தேர்ந்தெடுக்கும் URL-க்கு அனுப்பப்படும். தரவு புதுப்பிக்கப்படும்போது Linear இதைத் தானாகவே தூண்டும். Payload-ல் என்ன தரவு உள்ளது என்பதற்கான எடுத்துக்காட்டுக்கு, பார்க்கவும் Webhook Payload.
உங்கள் webhook consumer ஒரு எளிய HTTP endpoint ஆகும். இது பின்வரும் நிபந்தனைகளைப் பூர்த்தி செய்ய வேண்டும்:
- இது பொதுவில் அணுகக்கூடிய HTTPS, localhost அல்லாத URL-ல் கிடைக்க வேண்டும்
- இது Zealy Webhook push (HTTP POST கோரிக்கை)-க்கு
HTTP 200("OK") பதிலுடன் பதிலளிக்கும்
ஒரு விநியோகம் தோல்வியடைந்தால் (அதாவது சேவையகம் கிடைக்கவில்லை, பதில் 5 வினாடிகளுக்கு மேல் எடுத்தது, பதில் உடல் 5000 பைட்டுகளுக்கு மேல் இருந்தது அல்லது 200 அல்லாத HTTP நிலைக் குறியீட்டுடன் பதிலளித்தது), புஷ் 15 முறை மீண்டும் முயற்சிக்கப்படும். இங்கே அதிவேக பின்னடைவு தாமதம் பயன்படுத்தப்படுகிறது: முயற்சி சுமார் 10 நிமிடங்களுக்குப் பிறகு, பின்னர் 30 நிமிடங்களுக்குப் பிறகு, மற்றும் பல மீண்டும் முயற்சிக்கப்படும். webhook URL தொடர்ந்து பதிலளிக்கவில்லை என்றால், webhook Zealy ஆல் முடக்கப்படலாம், மேலும் கைமுறையாக மீண்டும் இயக்கப்பட வேண்டும்.
ஒரு Webhook POST உண்மையில் Zealy ஆல் உருவாக்கப்பட்டதா என்பதை உறுதிப்படுத்த, கோரிக்கையின் உடலுடன் இணைக்கப்படும் சீரற்ற ரகசியத்தை நாங்கள் உருவாக்குகிறோம், secret புலத்தில்.
Webhooks பற்றிய கூடுதல் தகவலுக்கு, பல நல்ல ஆதாரங்கள் உள்ளன:
- RequestBin: Webhooks – The Definitive Guide
- requestbin.com webhooks சோதனை செய்வதற்கான சிறந்த கருவியாகும்
- GitHub டெவலப்பர் வழிகாட்டி: Webhooks
இதை எதற்குப் பயன்படுத்தலாம்?
- Zapier உடன் ஒருங்கிணைக்கவும்
- தனிப்பயன் வெகுமதிகளை தானியக்கமாக்குங்கள்
- மதிப்பாய்வுக்காக காத்திருக்கும் குவெஸ்ட்களை Telegram இல் அறிவிக்கவும்
மேலும் பல!
Zealy Webhooks உடன் தொடங்குதல்
- நீங்கள் கண்காணிக்க விரும்பும் நிகழ்வுகளை அடையாளம் காணுங்கள்.
- நிகழ்வு தரவு POST கோரிக்கைகளைப் பெற ஒரு webhook endpoint செயல்பாட்டை உருவாக்கவும்.
- Settings > Integrations > Zapier & Webhooks இல் உள்ள Webhooks Dashboard பயன்படுத்தி Zealy-ல் உங்கள் endpoint-ஐப் பதிவு செய்யவும்.
- உங்கள் webhook endpoint-ஐப் பாதுகாக்கவும்.
எளிய Webhook consumer ஒன்றை உருவாக்குதல்
எளிய HTTP(S) endpoint-களை வரிசைப்படுத்த எளிய வழியை வழங்கும் Netlify Functions போன்ற ஒன்றைப் பயன்படுத்த பரிசீலிக்கலாம்: https://www.netlify.com/blog/2018/09/13/how-to-run-express.js-apps-with-netlify-functions/.
// server.js
//
// Use this sample code to handle webhook events in your integration.
//
// 1) Paste this code into a new file (server.js)
//
// 2) Install dependencies
// npm install express
//
// 3) Run the server on http://localhost:4242
// node server.js
// The library needs to be configured with your account's secret key.
// Ensure the key is kept out of any version control system you might be using.
const express = require('express');
const app = express();
// This is your Zealy webhook secret for testing your endpoint locally.
const endpointSecret = '5888a6800dbac634e52d8504f097e064';
app.post('/webhook', express.raw({ type: 'application/json' }), (request, response) => {
const payload = req.body;
// Does createdAt make more sense than time?
const { id, type, data, time, secret } = payload;
if (secret === endpointSecret) {
// Do something neat with the data received!
}
// Return a 200 response to acknowledge receipt of the event
response.send();
});
app.listen(4242, () => console.log('Running on port 4242'));அமைப்புகளில் கட்டமைத்தல்
Settings > Integrations > Webhooks இல் webhook-ஐயும் அது கண்காணிக்க வேண்டிய நிகழ்வுகளையும் அமைக்கவும்.
Webhook பேலோட்
Webhook HTTP பேலோடில் அதன் HTTP தலைப்புகள் மற்றும் கோரிக்கை உடலில் உள்ள தகவல்கள் இரண்டும் அடங்கும்.
பேலோட் பின்வரும் HTTP தலைப்புகளுடன் அனுப்பப்படும்:
User-Agent: Zealy-Webhook
Content-Type: application/json; charset=utf-8
{
id: string // unique ID for this event (UUID v4)
type: "JOINED_COMMUNITY" | "LEFT_COMMUNITY" | "QUEST_SUCCEEDED" | "QUEST_CLAIMED" | "QUEST_FAILED" | "QUEST_CLAIM_STATUS_UPDATED" | "SPRINT_STARTED" | "SPRINT_ENDED" | "USER_BANNED", // event type
data: EventData, // event data, see below
time: number, // timestamp, in milliseconds
secret: string, // secret generated when you created your webhook, used for checking origin
}ஒவ்வொரு நிகழ்விற்கும் EventData புலம்:
// JOINED_COMMUNITY
type JoinedCommunityEventData = {
community: WebhookCommunityPayload;
user: WebhookUserPayload;
};
// LEFT_COMMUNITY
type LeftCommunityEventData = {
community: WebhookCommunityPayload;
user: WebhookUserPayload;
};
// QUEST_SUCCEEDED
type QuestSucceededEventData = {
community: WebhookCommunityPayload;
user: WebhookUserPayload;
quest: WebhookQuestPayload;
taskInputs?: Array<{
taskId: string, // task ID (uuid v4)
taskType: 'number' | 'date' | 'api' | 'text' | 'discord' | 'url' | 'telegram' | 'quiz' | 'invites' | 'visitLink' | 'file' | 'poll' | 'opinion' | 'twitterFollow' | 'twitterSpace' | 'tweetReact' | 'tweet',
input: WebhookQuestTaskInputPayload,
}>;
status: 'success';
};
// QUEST_CLAIMED
type QuestClaimedEventData = {
community: WebhookCommunityPayload;
user: WebhookUserPayload;
quest: WebhookQuestPayload;
taskInputs?: Array<{
taskId: string, // task ID (uuid v4)
taskType: 'number' | 'date' | 'api' | 'text' | 'discord' | 'url' | 'telegram' | 'quiz' | 'invites' | 'visitLink' | 'file' | 'poll' | 'opinion' | 'twitterFollow' | 'twitterSpace' | 'tweetReact' | 'tweet',
input: WebhookQuestTaskInputPayload,
}>;
};
// QUEST_FAILED
type QuestFailedEventData = {
community: WebhookCommunityPayload;
user: WebhookUserPayload;
quest: WebhookQuestPayload;
taskInputs?: Array<{
taskId: string, // task ID (uuid v4)
taskType: 'number' | 'date' | 'api' | 'text' | 'discord' | 'url' | 'telegram' | 'quiz' | 'invites' | 'visitLink' | 'file' | 'poll' | 'opinion' | 'twitterFollow' | 'twitterSpace' | 'tweetReact' | 'tweet',
input: WebhookQuestTaskInputPayload,
}>;
};
// QUEST_CLAIM_STATUS_UPDATED
type QuestClaimStatusUpdatedEventData = {
community: WebhookCommunityPayload;
user: WebhookUserPayload;
quest: WebhookQuestPayload;
taskInputs?: Array<{
taskId: string, // task ID (uuid v4)
taskType: 'number' | 'date' | 'api' | 'text' | 'discord' | 'url' | 'telegram' | 'quiz' | 'invites' | 'visitLink' | 'file' | 'poll' | 'opinion' | 'twitterFollow' | 'twitterSpace' | 'tweetReact' | 'tweet',
input: WebhookQuestTaskInputPayload,
}>;
status: 'success' | 'pending' | 'failed';
};
// SPRINT_STARTED
type SprintStartedEventData = {
community: WebhookCommunityPayload;
sprint: WebhookSprintPayload;
};
// SPRINT_ENDED
type SprintEndedEventData = {
community: WebhookCommunityPayload;
sprint: WebhookSprintPayload;
};
// USER_BANNED
type UserBannedEventData = {
community: WebhookCommunityPayload;
user: WebhookUserPayload;
};பொதுவான உருப்படிகள்:
type WebhookCommunityPayload = {
id: string; // community ID (uuid V4)
name: string; // community name
subdomain: string; // community subdomain
blockchain: string;
discord: string | null; // discord URI of the community, e.g., https://discord.gg/zealy
twitter: string | null; // twitter handle of the community, e.g., zealy_io
website: string | null; // website URI of the community
};type WebhookUserPayload = {
id: string; // user ID (uuid V4)
name: string | null; // user display name
twitter: {
id: string; // user twitter ID
username: string | null; // user twitter handle
} | null;
discord: {
id: string; // user discord ID
handle: string | null; // user discord handle
} | null;
email: string | null; // user email
addresses: Dict<string>; // key/value dictionary for wallets
verifiedAddresses: Dict<string>; // key/value dictionary for all users verified wallets
};type WebhookQuestPayload = {
id: string; // quest ID (uuid V4)
name: string; // quest display name
categoryId: string; // category ID (uuid V4)
categoryName: string | null; // category display name
xp: number | null; // XP reward
published: boolean | null; // true if quest is published, false otherwise
autoValidate: boolean | null;
tasks: TaskPayload[];
lastReviewerId: string; // user ID (uuid V4)
};type WebhookQuestTaskInputPayload =
| { } // for task type 'visitLink', 'invites', 'discord', 'telegram', 'twitterFollow', 'twitterSpace'
| { value: string } // for task type 'text', 'date', 'url', 'opinion'
| { value: number } // for task type 'number'
| { values: string[] } // for task type 'poll', 'quiz'
| { fileUrls: string[] } // for task type 'fileUrls'
| { tweetId?: string } // for task type 'tweetReact', 'tweet'
| { requestId: string, statusCode: number } // for task type 'api'type WebhookSprintPayload = {
id: string; // sprint ID (uuid V4)
startingAt: ISOString; // sprint starting date - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString
endingAt: ISOString; // sprint ending date
};Webhookகளைப் பாதுகாத்தல்
Webhook ஒன்றை உருவாக்கும்போது, கோரிக்கை Zealy webhookகளிலிருந்து வருகிறதா எனச் சரிபார்க்கப் பயன்படுத்தக்கூடிய சீரற்ற ரகசியம் ஒன்று உருவாக்கப்படும். Webhook ஆய்வுப் பலகையின் மேல் வலதுபுறத்தில் உள்ள ரகசியத்தை நகலெடுத்து, POST கோரிக்கையின் உடலில் அமைக்கப்பட்ட ரகசியம் அதேதான் எனச் சரிபார்க்கவும்.
ரகசியம் கசிந்தால், அதே பக்கத்திலிருந்து அதை மீண்டும் உருவாக்கலாம்.

Webhooks சோதனை செய்தல்
Webhook-இன் inspect panel-இலிருந்து நீங்கள் கைமுறையாக ஒரு test event-ஐத் தூண்டலாம். மேல் வலது மூலையில் உள்ள பொத்தானைக் கிளிக் செய்து ‘Send test event’ என்பதைத் தேர்ந்தெடுக்கவும். கண்காணிக்கப்படும் event வகைகளில் ஒரு event வகையைத் தேர்ந்தெடுக்க முடியும். mock data-வுடன் ஒரு event தூண்டப்பட்டு நிலை காட்டப்படும்.
பிழைத்திருத்தம்
Webhooks பக்கத்தில் webhook-ஐக் கிளிக் செய்தால், webhook தூண்டிய அனைத்து கடந்த event-களின் logs-ஐக் காணலாம். நிலையின்படி வடிகட்டி, ஏதேனும் தவறு நடந்திருந்தால் பிழைத்திருத்த logs-ஐப் பயன்படுத்தலாம். ஒவ்வொரு event-க்கும், பெறப்பட்ட error செய்தியையும் அனுப்பப்பட்ட request-ஐயும் காணலாம்.
இந்தப் பக்கத்திலிருந்து எந்த event-ஐயும் மீண்டும் முயற்சி செய்யலாம்.
