mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 01:45:10 +03:00
## What kind of change does this PR introduce? a11y bug fix on youtube embed ## What is the current behavior? YouTube iframes across guide pages have no `title` attribute, so screen readers announce them as an unnamed frame ## What is the new behavior? - extracts a `YouTube.tsx` ui component - adds `<YouTube id title />` + `title` as a required prop ## Test 1. visit `/docs/guides/ai/examples/openai` <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **Documentation** - Standardized embedded YouTube videos across guides with a consistent video player. - Added descriptive titles to improve accessibility and clarity. - Preserved existing video content and playback behavior. - Updated video embeds across AI, authentication, database, functions, realtime, self-hosting, storage, and migration documentation. - **New Features** - Added privacy-enhanced YouTube playback for embedded documentation videos. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
93 lines
3.2 KiB
Plaintext
93 lines
3.2 KiB
Plaintext
---
|
|
id: 'webhooks'
|
|
title: 'Database Webhooks'
|
|
description: 'Trigger external payloads on database events.'
|
|
subtitle: 'Trigger external payloads on database events.'
|
|
tocVideo: 'codAs9-NeHM'
|
|
---
|
|
|
|
Database Webhooks allow you to send real-time data from your database to another system whenever a table event occurs.
|
|
|
|
You can hook into three table events: `INSERT`, `UPDATE`, and `DELETE`. All events are fired _after_ a database row is changed.
|
|
|
|
## Webhooks vs triggers
|
|
|
|
Database Webhooks are very similar to triggers, and that's because Database Webhooks are a convenience wrapper around triggers using the [pg_net](/docs/guides/database/extensions/pg_net) extension. This extension is asynchronous, and therefore will not block your database changes for long-running network requests.
|
|
|
|
This video demonstrates how you can create a new customer in Stripe each time a row is inserted into a `profiles` table:
|
|
|
|
<YouTube id="codAs9-NeHM" title="Sending Database Webhooks on table changes" />
|
|
|
|
## Creating a webhook
|
|
|
|
1. Create a new [Database Webhook](/dashboard/project/_/integrations/webhooks/overview) in the Dashboard.
|
|
1. Give your Webhook a name.
|
|
1. Select the table you want to hook into.
|
|
1. Select one or more events (table inserts, updates, or deletes) you want to hook into.
|
|
|
|
Since webhooks are database triggers, you can also create one from SQL statement directly.
|
|
|
|
```sql
|
|
create trigger "my_webhook" after insert
|
|
on "public"."my_table" for each row
|
|
execute function "supabase_functions"."http_request"(
|
|
'http://host.docker.internal:3000',
|
|
'POST',
|
|
'{"Content-Type":"application/json"}',
|
|
'{}',
|
|
'1000'
|
|
);
|
|
```
|
|
|
|
We currently support HTTP webhooks. These can be sent as `POST` or `GET` requests with a JSON payload.
|
|
|
|
## Payload
|
|
|
|
The payload is automatically generated from the underlying table record:
|
|
|
|
```typescript
|
|
type InsertPayload = {
|
|
type: 'INSERT'
|
|
table: string
|
|
schema: string
|
|
record: TableRecord<T>
|
|
old_record: null
|
|
}
|
|
type UpdatePayload = {
|
|
type: 'UPDATE'
|
|
table: string
|
|
schema: string
|
|
record: TableRecord<T>
|
|
old_record: TableRecord<T>
|
|
}
|
|
type DeletePayload = {
|
|
type: 'DELETE'
|
|
table: string
|
|
schema: string
|
|
record: null
|
|
old_record: TableRecord<T>
|
|
}
|
|
```
|
|
|
|
## Monitoring
|
|
|
|
Logging history of webhook calls is available under the `net` schema of your database. For more info, see the [GitHub Repo](https://github.com/supabase/pg_net).
|
|
|
|
## Local development
|
|
|
|
When using Database Webhooks on your local Supabase instance, you need to be aware that the Postgres database runs inside a Docker container. This means that `localhost` or `127.0.0.1` in your webhook URL will refer to the container itself, not your host machine where your application is running.
|
|
|
|
To target services running on your host machine, use `host.docker.internal`. If that doesn't work, you may need to use your machine's local IP address instead.
|
|
|
|
For example, if you want to trigger an edge function when a webhook fires, your webhook URL would be:
|
|
|
|
```
|
|
http://host.docker.internal:54321/functions/v1/my-function-name
|
|
```
|
|
|
|
If you're experiencing connection issues with webhooks locally, verify you're using the correct hostname instead of `localhost`.
|
|
|
|
## Resources
|
|
|
|
- [pg_net](/docs/guides/database/extensions/pg_net): an async networking extension for Postgres
|