ឯកសារ Zealy

បកប្រែដោយស្វ័យប្រវត្តិ · អានជាភាសាអង់គ្លេស

Webhooks

បង្កើនសមត្ថភាពរបស់ Zealy ជាមួយការតភ្ជាប់ Webhook

ដោយ louis, Fredrika, benjamin

Webhooks
នៅលើទំព័រនេះ

Webhook របស់ Zealy ផ្ញើ HTTP POST ទៅ URL ដែលអ្នកជ្រើសរើស នៅពេលព្រឹត្តិការណ៍សហគមន៍មួយក្នុងចំណោមប្រាំបួនកើតឡើង រួមមាន សមាជិកចូលរួម ការទាមទារ quest ជោគជ័យ ឬបរាជ័យ sprint ចាប់ផ្តើម និងអ្នកប្រើប្រាស់ត្រូវបានហាមឃាត់។ Payload នីមួយៗមាន event id ប្រភេទ data timestamp គិតជាមីលីវិនាទី និង secret ដែលបញ្ជាក់ថាសំណើនេះពិតប្រាកដ។

មូលដ្ឋាន

Zealy ផ្តល់ជូន webhooks ដែលអនុញ្ញាតឱ្យអ្នកទទួលការជូនដំណឹង HTTP push នៅពេល data ត្រូវបានបង្កើត ឬធ្វើបច្ចុប្បន្នភាព។ នេះអនុញ្ញាតឱ្យអ្នកបង្កើតការតភ្ជាប់នៅលើ Zealy។ អ្នកអាចបង្កឱ្យមាន CI builds ធ្វើការគណនាលើ data quest ឬផ្ញើសារតាមលក្ខខណ្ឌជាក់លាក់ – តាមដែលអ្នកចង់។

សូមចូលទៅកាន់ Settings > Integrations > Zapier & Webhooks ដើម្បីដំឡើង webhooks របស់អ្នក។

តើ Webhook ដំណើរការយ៉ាងដូចម្តេច?

ការបញ្ជូន Webhook គឺគ្រាន់តែជា HTTP POST សំណើ ដែលផ្ញើទៅ URL ដែលអ្នកជ្រើសរើស។ ការបញ្ជូនត្រូវបានបង្កឡើងដោយស្វ័យប្រវត្តិដោយ Linear នៅពេលទិន្នន័យធ្វើបច្ចុប្បន្នភាព។ សម្រាប់ឧទាហរណ៍អំពីទិន្នន័យដែល payload មាន សូមមើល Payload របស់ Webhook.

អ្នកប្រើប្រាស់ webhook របស់អ្នកគឺជា HTTP endpoint សាមញ្ញ។ វាត្រូវតែបំពេញលក្ខខណ្ឌដូចខាងក្រោម៖

  • វាអាចចូលប្រើបានតាម URL HTTPS ដែលអាចចូលប្រើបានជាសាធារណៈ មិនមែន localhost
  • វានឹងឆ្លើយតបទៅនឹងការបញ្ជូន Webhook របស់ Zealy (សំណើ HTTP POST) ជាមួយ HTTP 200 ការឆ្លើយតប ("OK")

ប្រសិនបើការដឹកជញ្ជូនបរាជ័យ (ឧ. ម៉ាស៊ីនមេមិនអាចប្រើបាន ការឆ្លើយតបចំណាយពេលលើសពី 5 វិនាទី តួការឆ្លើយតបធំជាង 5000 បៃ ឬឆ្លើយតបដោយកូដស្ថានភាព HTTP មិនមែន 200) ការផ្ញើបន្តនឹងត្រូវព្យាយាមឡើងវិញ 15 ដង។ នៅទីនេះការពន្យារពេលបែបអិចស្ប៉ូណង់ស្យែលត្រូវបានប្រើ៖ ការព្យាយាមនឹងត្រូវធ្វើឡើងវិញបន្ទាប់ពីប្រហែល 10 នាទី បន្ទាប់មក 30 នាទី ហើយបន្តទៀត។ ប្រសិនបើ URL webhook នៅតែមិនឆ្លើយតប webhook អាចនឹងត្រូវបានបិទដោយ Zealy ហើយត្រូវបើកឡើងវិញដោយដៃ។

ដើម្បីធានាថា Webhook POST ត្រូវបានបង្កើតដោយ Zealy ពិតប្រាកដ យើងបង្កើតអាថ៌កំបាំងចៃដន្យដែលនឹងត្រូវភ្ជាប់ទៅនឹងតួនៃសំណើនៅក្នុងវាល secret ។

សម្រាប់ព័ត៌មានបន្ថែមអំពី Webhooks មានធនធានល្អៗជាច្រើន៖

តើខ្ញុំអាចប្រើវាសម្រាប់អ្វី?

  • ភ្ជាប់ជាមួយ Zapier
  • ធ្វើស្វ័យប្រវត្តិកម្មរង្វាន់ផ្ទាល់ខ្លួន
  • ជូនដំណឹងអំពីដំណើរស្វែងរកដែលរង់ចាំការពិនិត្យនៅលើ Telegram

និងច្រើនទៀតច្រើនណាស់!

ការចាប់ផ្តើមជាមួយ Zealy Webhooks

  1. កំណត់ព្រឹត្តិការណ៍ដែលអ្នកចង់តាមដាន។
  2. បង្កើតមុខងារ webhook endpoint ដើម្បីទទួលសំណើ POST ទិន្នន័យព្រឹត្តិការណ៍។
  3. ចុះឈ្មោះ endpoint របស់អ្នកនៅក្នុង Zealy ដោយប្រើ Webhooks Dashboard ក្នុង Settings > Integrations > Zapier & Webhooks។
  4. ធានាសុវត្ថិភាព webhook endpoint របស់អ្នក។

បង្កើត Webhook consumer សាមញ្ញ

អ្នកអាចពិចារណាប្រើអ្វីមួយដូចជា Netlify Functions ដែលផ្តល់វិធីត្រង់ៗក្នុងការដាក់ឱ្យដំណើរការ HTTP(S) endpoint សាមញ្ញ៖ 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'));

កំណត់រចនាសម្ព័ន្ធក្នុងការកំណត់

រៀបចំ webhook និងព្រឹត្តិការណ៍ដែលវាគួរតាមដានក្នុង Settings > Integrations > Webhooks។

ទិន្នន័យផ្ញើ Webhook

ទិន្នន័យផ្ញើ HTTP របស់ webhook នឹងរួមបញ្ចូលព័ត៌មានទាំងនៅក្នុង HTTP headers និងនៅក្នុងតួសំណើរបស់វា។

ទិន្នន័យផ្ញើនឹងត្រូវបញ្ជូនជាមួយ HTTP headers ដូចខាងក្រោម៖

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

ការធានាសុវត្ថិភាព webhooks

ការបង្កើត webhook នឹងបង្កើត secret ចៃដន្យមួយ ដែលអ្នកអាចប្រើដើម្បីផ្ទៀងផ្ទាត់ថាសំណើនេះមកពី Zealy webhooks។ ចម្លង secret នៅជ្រុងខាងស្តាំខាងលើនៃផ្ទាំងពិនិត្យ webhook ហើយផ្ទៀងផ្ទាត់ថា secret ដែលបានកំណត់នៅក្នុងតួសំណើ POST គឺដូចគ្នា។

ក្នុងករណី secret ត្រូវបានលេចធ្លាយ អ្នកអាចបង្កើតវាឡើងវិញពីទំព័រដូចគ្នា។

ផ្ទាំងពិនិត្យ webhook ដែលមានប៊ូតុង Copy secret និងម៉ឺនុយបើកដែលបង្ហាញ Edit webhook, Disable, Trigger test event, Regenerate secret និង Delete webhook

ការសាកល្បង webhook

ពីផ្ទាំងពិនិត្យរបស់ webhook អ្នកអាចបង្កើតព្រឹត្តិការណ៍សាកល្បងដោយដៃ។ ចុចប៊ូតុងនៅជ្រុងខាងស្តាំខាងលើ ហើយជ្រើសរើស ‘Send test event’។ អ្នកនឹងអាចជ្រើសរើសប្រភេទព្រឹត្តិការណ៍ក្នុងចំណោមប្រភេទព្រឹត្តិការណ៍ដែលបានតាមដាន។ ព្រឹត្តិការណ៍មួយនឹងត្រូវបានបង្កើតឡើងជាមួយទិន្នន័យសាកល្បង ហើយស្ថានភាពនឹងត្រូវបានបង្ហាញ។

ការដោះស្រាយកំហុស

អ្នកអាចមើលកំណត់ហេតុនៃព្រឹត្តិការណ៍អតីតកាលទាំងអស់ដែលបង្កើតដោយ webhook ប្រសិនបើអ្នកចុចលើ webhook ពីទំព័រ Webhooks។ ការត្រងតាមស្ថានភាព អ្នកអាចប្រើកំណត់ហេតុដើម្បីដោះស្រាយកំហុសប្រសិនបើមានបញ្ហា។ សម្រាប់ព្រឹត្តិការណ៍នីមួយៗ អ្នកអាចមើលសារកំហុសដែលបានទទួល និងសំណើដែលបានផ្ញើ។

អ្នកក៏អាចព្យាយាមព្រឹត្តិការណ៍ណាមួយឡើងវិញពីទំព័រនេះបានផងដែរ។

បញ្ជីកំណត់ហេតុព្រឹត្តិការណ៍ webhook Join community events ដែលបង្ហាញការព្យាយាមដឹកជញ្ជូនរបស់ព្រឹត្តិការណ៍មួយ payload សំណើ និងការឆ្លើយតបកំហុស

សំណួរញឹកញាប់