Some checks failed
App Prod-Parity E2E Dispatch / dispatch (push) Failing after 10s
CD Storybook UI / build (push) Failing after 3m25s
CD Storybook UI / dispatch (push) Has been skipped
CD deploy main / website-changed-files (push) Successful in 18m8s
CI Agent Skills / changed-files-check (push) Successful in 18m9s
CI Create App E2E minimal / changed-files-check (push) Successful in 24s
CI Create App / changed-files-check (push) Successful in 26s
CI Docs / changed-files-check (push) Successful in 26s
CI Emails / changed-files-check (push) Successful in 28s
CI Example App Hello World / changed-files-check (push) Successful in 23s
CI Front / changed-files-check (push) Has been skipped
CI Example App Postcard / changed-files-check (push) Successful in 27s
CI UI / changed-files-check (push) Has been skipped
CI Utils Test / changed-files-check (push) Successful in 45s
CI Twenty Apps / discover (push) Successful in 1m3s
CD deploy main / deploy-main (push) Failing after 3s
CI Agent Skills / agent-skills-validate (push) Has been skipped
CI Create App / create-app-test (lint) (push) Has been skipped
CI Emails / emails-test (push) Has been skipped
CI Front / front-task (lingui:compile) (push) Has been skipped
CI Front / front-task (lint) (push) Has been skipped
CI Example App Postcard / example-app-postcard (push) Has been skipped
CI UI / ui-task (lint) (push) Has been skipped
CI UI / ui-task (pack-size) (push) Has been skipped
CI UI / ui-task (size) (push) Has been skipped
CI UI / ui-task (test) (push) Has been skipped
CI UI / ui-task (typecheck) (push) Has been skipped
CI Utils Test / utils-test (push) Has been skipped
CI Twenty Apps / ${{ matrix.app.name }} (push) Has been skipped
CI Emails / ci-emails-status-check (push) Successful in 2s
CI Example App Hello World / ci-example-app-hello-world-status-check (push) Successful in 2s
CI Example App Postcard / ci-example-app-postcard-status-check (push) Successful in 3s
CI UI / ui-sb-test (push) Has been skipped
CI Utils Test / ci-utils-test-status-check (push) Successful in 2s
CI Twenty Apps / ci-twenty-apps-status-check (push) Successful in 2s
CI UI / ci-ui-status-check (push) Successful in 2s
CI Desktop / desktop (push) Failing after 1m8s
Push docs to Crowdin / Push documentation to Crowdin (push) Failing after 55s
Push translations to Crowdin / Extract and upload translations (push) Failing after 5s
Push website translations to Crowdin / Extract and upload website translations (push) Failing after 5s
CI Create App / create-app-test (test) (push) Has been skipped
CI Create App / create-app-test (typecheck) (push) Has been skipped
CI Docs / docs-lint (push) Has been skipped
CI Example App Hello World / example-app-hello-world (push) Has been skipped
CI Front / front-task (lingui:extract) (push) Has been skipped
CI Front / front-task (test) (push) Has been skipped
CI Front / front-task (typecheck) (push) Has been skipped
CI UI / ui-sb-build (push) Failing after 1m32s
CI Twenty Apps / ${{ matrix.app.name }} (${{ matrix.server-source }}) (push) Has been skipped
CI Agent Skills / agent-skills-publish (push) Has been skipped
CI Create App / ci-create-app-status-check (push) Successful in 2s
CI Agent Skills / agent-skills-remote-source (push) Has been skipped
CI Create App E2E minimal / create-app-e2e-minimal (push) Has been cancelled
CI E2E Main / e2e-test (push) Has been cancelled
CI Front / front-sb-build (push) Has been cancelled
CI Front / front-build (push) Has been cancelled
CI Create App E2E minimal / ci-create-app-e2e-minimal-status-check (push) Has been cancelled
CI E2E Main / ci-e2e-main-status-check (push) Has been cancelled
CI E2E Main / notify-main-ci-failure (push) Has been cancelled
CI E2E Main / qa-scout-comment (push) Has been cancelled
CI Front / front-sb-test (push) Has been cancelled
CI Front / front-sb-screenshots (push) Has been cancelled
CI Front / ci-front-status-check (push) Has been cancelled
DPA Sub-Processor Sync / sync-subprocessors (push) Failing after 3s
AI Catalog Sync / sync-catalog (push) Failing after 2s
113 lines
4.6 KiB
Plaintext
113 lines
4.6 KiB
Plaintext
---
|
|
title: Webhooks
|
|
description: Recevez des notifications en temps réel lorsque des événements se produisent dans votre CRM.
|
|
---
|
|
|
|
import { VimeoEmbed } from '/snippets/vimeo-embed.mdx';
|
|
|
|
Les webhooks envoient des données à vos systèmes en temps réel lorsque des événements se produisent dans Twenty — aucune interrogation n'est nécessaire. Utilisez-les pour maintenir les systèmes externes synchronisés, déclencher des automatisations ou envoyer des alertes.
|
|
|
|
## Créer un Webhook
|
|
|
|
1. Allez dans **Paramètres → API & Webhooks → Webhooks**
|
|
2. Cliquez sur **+ Créer un webhook**
|
|
3. Saisissez votre URL de webhook (doit être publiquement accessible)
|
|
4. Cliquez sur **Enregistrer**
|
|
|
|
Le webhook s'active immédiatement et commence à envoyer des notifications.
|
|
|
|
<VimeoEmbed videoId="928786708" title="Création d'un webhook" />
|
|
|
|
### Gérer les Webhooks
|
|
|
|
**Modifier**: Cliquez sur le webhook → Mettre à jour l'URL → **Enregistrer**
|
|
|
|
**Supprimer**: Cliquez sur le webhook → **Supprimer** → Confirmer
|
|
|
|
## Événements
|
|
|
|
Twenty envoie des webhooks pour ces types d'événements :
|
|
|
|
| Événement | Exemple |
|
|
| ----------------------------- | ---------------------------------------------------------- |
|
|
| **Enregistrement créé** | `person.created`, `company.created`, `note.created` |
|
|
| **Enregistrement mis à jour** | `person.updated`, `company.updated`, `opportunity.updated` |
|
|
| **Enregistrement supprimé** | `person.deleted`, `company.deleted` |
|
|
|
|
Tous les types d'événements sont envoyés à votre URL de webhook. Le filtrage des événements pourrait être ajouté dans de prochaines versions.
|
|
|
|
## Format de la charge utile
|
|
|
|
Chaque webhook envoie une requête HTTP POST avec un corps JSON :
|
|
|
|
```json
|
|
{
|
|
"event": "person.created",
|
|
"data": {
|
|
"id": "abc12345",
|
|
"firstName": "Alice",
|
|
"lastName": "Doe",
|
|
"email": "alice@example.com",
|
|
"createdAt": "2025-02-10T15:30:45Z",
|
|
"createdBy": "user_123"
|
|
},
|
|
"timestamp": "2025-02-10T15:30:50Z"
|
|
}
|
|
```
|
|
|
|
| Champ | Description |
|
|
| ------------ | ----------------------------------------------------------- |
|
|
| `événement` | Ce qui s'est passé (par exemple, `person.created`) |
|
|
| `données` | L'enregistrement complet qui a été créé/mis à jour/supprimé |
|
|
| `horodatage` | Quand l'événement s'est produit (UTC) |
|
|
|
|
<Note>
|
|
Répondez avec un **statut HTTP 2xx** (200-299) pour accuser réception. Les réponses non 2xx sont consignées comme des échecs de livraison.
|
|
</Note>
|
|
|
|
## Validation des Webhooks
|
|
|
|
Twenty signe chaque requête de webhook pour des raisons de sécurité. Validez les signatures pour garantir l'authenticité des requêtes.
|
|
|
|
### En-têtes
|
|
|
|
| En-tête | Description |
|
|
| ---------------------------- | ------------------------ |
|
|
| `X-Twenty-Webhook-Signature` | Signature HMAC SHA256 |
|
|
| `X-Twenty-Webhook-Timestamp` | Horodatage de la requête |
|
|
|
|
### Étapes de validation
|
|
|
|
1. Récupérez l'horodatage depuis `X-Twenty-Webhook-Timestamp`
|
|
2. Créez la chaîne : `{timestamp}:{JSON payload}`
|
|
3. Calculez le HMAC SHA256 en utilisant votre secret de webhook
|
|
4. Comparez avec `X-Twenty-Webhook-Signature`
|
|
|
|
### Exemple (Node.js)
|
|
|
|
```javascript
|
|
const crypto = require("crypto");
|
|
|
|
const timestamp = req.headers["x-twenty-webhook-timestamp"];
|
|
const payload = JSON.stringify(req.body);
|
|
const secret = "your-webhook-secret";
|
|
|
|
const stringToSign = `${timestamp}:${payload}`;
|
|
const expectedSignature = crypto
|
|
.createHmac("sha256", secret)
|
|
.update(stringToSign)
|
|
.digest("hex");
|
|
|
|
const isValid = expectedSignature === req.headers["x-twenty-webhook-signature"];
|
|
```
|
|
|
|
## Webhooks vs Workflows
|
|
|
|
| Méthode | Direction | Cas d'utilisation |
|
|
| -------------------------------------- | --------- | ------------------------------------------------------------------------------------- |
|
|
| **Webhooks** | SORTIE | Notifier automatiquement les systèmes externes de toute modification d'enregistrement |
|
|
| **Workflow + requête HTTP** | SORTIE | Envoyer des données avec une logique personnalisée (filtres, transformations) |
|
|
| **Déclencheur de webhook de workflow** | ENTRÉE | Recevoir des données dans Twenty depuis des systèmes externes |
|
|
|
|
Pour recevoir des données externes, voir [Configurer un déclencheur de webhook](/l/fr/user-guide/workflows/how-tos/connect-to-other-tools/set-up-a-webhook-trigger).
|