Azure Event Grid — Animate | AI Wisdom

← Back to topic
🎞 ANIMATE · Mode 3 of 5 · +100 XP— Event Grid
📋Publish
⚙️Route
🔄Handle
✅Retry
🎯 Next: Test →
Step 1 / 4
Speed
Publishing
Create EventGridPublisherClient with topic endpoint💡 Analogy
Like posting on a social platform — you post once (publish), your followers (subscribers) each get a copy.
The publisher client sends events to your Event Grid topic. Each event has a type, subject, and data payload.
Console Output
> EventGridPublisherClient initialized
> Topic endpoint: https://myevents.eastus-1.eventgrid.azure.net/api/events
●event-grid.ts
PublishingL1–8
1import { EventGridPublisherClient, AzureKeyCredential } from '@azure/eventgrid';
2 
3const client = new EventGridPublisherClient(
4  process.env.TOPIC_ENDPOINT!,
5  'EventGrid',
6  new AzureKeyCredential(process.env.TOPIC_KEY!)
7);
8 
9// Publish events to Event Grid topic
10async function publishEvents(orderId: string, status: string) {
11  await client.send([
12    {
13      eventType: 'Order.StatusUpdated',
14      subject: `orders/${orderId}`,
15      dataVersion: '1.0',
16      data: { orderId, status, updatedAt: new Date().toISOString() },
17    },
18  ]);
19  console.log(`Published: Order ${orderId} → ${status}`);
20}
21 
22// Azure Function endpoint for receiving events
23export async function handleEvent(req: any, context: any) {
24  for (const event of req.body) {
25    if (event.eventType === 'Microsoft.Storage.BlobCreated') {
26      const blobUrl = event.data.url;
27      await processNewBlob(blobUrl);
28    }
29    if (event.eventType === 'Order.StatusUpdated') {
30      await sendOrderConfirmation(event.data.orderId);
31    }
32  }
33  context.res = { status: 200 };
34}
35 
36async function processNewBlob(url: string) { /* ... */ }
37async function sendOrderConfirmation(id: string) { /* ... */ }
37 lines
Timeline — 4 Steps
Publishing
Create EventGridPublisherClient with topic endpoint💡 Analogy
Like posting on a social platform — you post once (publish), your followers (subscribers) each get a copy.
The publisher client sends events to your Event Grid topic. Each event has a type, subject, and data payload.
Console Output
> EventGridPublisherClient initialized
> Topic endpoint: https://myevents.eastus-1.eventgrid.azure.net/api/events

Was this page helpful?

Discussion

Create EventGridPublisherClient with topic endpoint

💡 Analogy

Like posting on a social platform — you post once (publish), your followers (subscribers) each get a copy.

The publisher client sends events to your Event Grid topic. Each event has a type, subject, and data payload.

Console Output

> EventGridPublisherClient initialized
> Topic endpoint: https://myevents.eastus-1.eventgrid.azure.net/api/events

Create EventGridPublisherClient with topic endpoint

💡 Analogy

Like posting on a social platform — you post once (publish), your followers (subscribers) each get a copy.

The publisher client sends events to your Event Grid topic. Each event has a type, subject, and data payload.

Console Output

> EventGridPublisherClient initialized
> Topic endpoint: https://myevents.eastus-1.eventgrid.azure.net/api/events