{"id":86647,"date":"2024-12-03T19:35:45","date_gmt":"2024-12-03T16:05:45","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/supabase-edge-functions-introducing-background-tasks-ephemeral-storage-and-websockets-pe\/"},"modified":"2024-12-03T19:35:45","modified_gmt":"2024-12-03T16:05:45","slug":"supabase-edge-functions-introducing-background-tasks-ephemeral-storage-and-websockets-pe","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/supabase-edge-functions-introducing-background-tasks-ephemeral-storage-and-websockets-pe\/","title":{"rendered":"\u062a\u0648\u0627\u0628\u0639 \u0644\u0628\u0647 Supabase: \u0645\u0639\u0631\u0641\u06cc \u0648\u0638\u0627\u06cc\u0641 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u060c \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u0632\u0648\u062f\u06af\u0630\u0631 \u0648 \u0633\u0648\u06a9\u062a\u200c\u0647\u0627\u06cc \u0648\u0628"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang
\n \u0645\u0627 \u0647\u06cc\u062c\u0627\u0646\u200c\u0632\u062f\u0647 \u0647\u0633\u062a\u06cc\u0645 \u06a9\u0647 \u0633\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u0638\u0627\u0631 \u0631\u0627 \u0627\u0639\u0644\u0627\u0645 \u06a9\u0646\u06cc\u0645: \u06a9\u0627\u0631\u0647\u0627\u06cc \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u060c \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u0641\u0627\u06cc\u0644 \u0632\u0648\u062f\u06af\u0630\u0631 \u0648 WebSockets.<\/p>\n

\u26a1\ufe0f \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u0647\u0641\u062a\u0647 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc<\/p>\n

\u0627\u0632 \u0627\u0645\u0631\u0648\u0632 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u062f\u0631 \u0647\u0631 \u067e\u0631\u0648\u0698\u0647 \u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0686\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc \u0647\u06cc\u062c\u0627\u0646 \u0627\u0646\u06af\u06cc\u0632\u06cc \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0622\u0646\u0647\u0627 \u0628\u0633\u0627\u0632\u06cc\u062f.<\/p>\n

\u0648\u0638\u0627\u06cc\u0641 \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647<\/p>\n

\u06af\u0627\u0647\u06cc \u0627\u0648\u0642\u0627\u062a \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0627\u0632 \u067e\u0627\u0633\u062e \u0628\u0647 \u06cc\u06a9 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u060c \u0628\u0647 \u06cc\u06a9 \u0645\u0646\u0637\u0642 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u062f\u0633\u062a\u0647 \u0627\u06cc \u0627\u0632 \u0641\u0627\u06cc\u0644 \u0647\u0627 \u0631\u0627 \u067e\u0631\u062f\u0627\u0632\u0634 \u06a9\u0631\u062f\u0647 \u0648 \u0646\u062a\u0627\u06cc\u062c \u0631\u0627 \u062f\u0631 Supabase Storage \u0622\u067e\u0644\u0648\u062f \u06a9\u0646\u06cc\u062f. \u06cc\u0627 \u0686\u0646\u062f\u06cc\u0646 \u0648\u0631\u0648\u062f\u06cc \u0631\u0627 \u0627\u0632 \u06cc\u06a9 \u062c\u062f\u0648\u0644 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f \u0648 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0648\u0631\u0648\u062f\u06cc\u060c \u062c\u0627\u0633\u0627\u0632\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0628\u0627 \u0645\u0639\u0631\u0641\u06cc \u0648\u0638\u0627\u06cc\u0641 \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647\u060c \u0627\u062c\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0628\u0627\u0631\u0647\u0627\u06cc \u06a9\u0627\u0631\u06cc \u0637\u0648\u0644\u0627\u0646\u06cc \u0645\u062f\u062a \u0628\u0627 \u062a\u0648\u0627\u0628\u0639 Edge \u0628\u0633\u06cc\u0627\u0631 \u0622\u0633\u0627\u0646 \u0627\u0633\u062a.<\/p>\n

\u0645\u0627 \u06cc\u06a9 \u0631\u0648\u0634 \u062c\u062f\u06cc\u062f \u0628\u0647 \u0646\u0627\u0645 \u0645\u0639\u0631\u0641\u06cc \u06a9\u0631\u062f\u0647 \u0627\u06cc\u0645 EdgeRuntime.waitUntil \u060c \u06a9\u0647 \u0642\u0648\u0644 \u0645\u06cc \u067e\u0630\u06cc\u0631\u062f. \u0627\u06cc\u0646 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0648\u0639\u062f\u0647 \u062d\u0644 \u0646\u0634\u0648\u062f\u060c \u0639\u0645\u0644\u06a9\u0631\u062f \u062e\u0627\u062a\u0645\u0647 \u0646\u0645\u06cc\u200c\u06cc\u0627\u0628\u062f.<\/p>\n

\u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0631\u0627\u06cc\u06af\u0627\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0648\u0638\u0627\u06cc\u0641 \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647 \u0631\u0627 \u062d\u062f\u0627\u06a9\u062b\u0631 \u0628\u0631\u0627\u06cc 150 \u062b\u0627\u0646\u06cc\u0647 (2 \u0645\u062a\u0631 30 \u062b\u0627\u0646\u06cc\u0647) \u0627\u062c\u0631\u0627 \u06a9\u0646\u0646\u062f. \u0627\u06af\u0631 \u062f\u0631 \u0637\u0631\u062d \u067e\u0648\u0644\u06cc \u0647\u0633\u062a\u06cc\u062f\u060c \u0627\u06cc\u0646 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0628\u0647 400 \u062b\u0627\u0646\u06cc\u0647 (6 \u0645\u062a\u0631 \u0648 40 \u062b\u0627\u0646\u06cc\u0647) \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc \u06cc\u0627\u0628\u062f. \u0645\u0627 \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u0645 \u062f\u0631 \u0645\u0627\u0647 \u0647\u0627\u06cc \u0622\u06cc\u0646\u062f\u0647 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0647\u0627\u06cc \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631\u062a\u0631\u06cc \u0631\u0627 \u0645\u0639\u0631\u0641\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n

\u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u062f\u0631 \u0634\u0631\u0641 \u062e\u0627\u0645\u0648\u0634 \u0634\u062f\u0646 \u0627\u0633\u062a\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u06af\u0648\u0634 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0627\u0639\u0644\u0627\u0646 \u0647\u0627 \u0645\u0634\u062a\u0631\u06a9 \u0634\u0648\u06cc\u062f beforeunload \u0631\u0648\u06cc\u062f\u0627\u062f \u0628\u0631\u0627\u06cc \u062c\u0632\u0626\u06cc\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u0645\u0648\u0631\u062f \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u0638\u0627\u06cc\u0641 \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647\u060c \u0631\u0627\u0647\u0646\u0645\u0627 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f.<\/p>\n

\u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0632\u0648\u062f\u06af\u0630\u0631<\/p>\n

\u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc\u200c\u0647\u0627\u06cc Edge Function \u0627\u06a9\u0646\u0648\u0646 \u0628\u0647 \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u0632\u0648\u062f\u06af\u0630\u0631 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0631\u0646\u062f. \u0627\u06cc\u0646 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0647\u0627\u06cc \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a\u060c \u0632\u06cc\u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0641\u0627\u06cc\u0644\u200c\u0647\u0627 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f \u0648 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f \/tmp \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0646\u062a\u0627\u06cc\u062c \u0645\u06cc\u0627\u0646\u06cc<\/p>\n

\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0646\u062d\u0648\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u062d\u0627\u0641\u0638\u0647 \u0645\u0648\u0642\u062a \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0645\u062b\u0627\u0644: \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0641\u0634\u0631\u062f\u0647 \u0648 \u0622\u067e\u0644\u0648\u062f \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0646 \u062f\u0631 Supabase Storage<\/p>\n

\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0647 \u06cc\u06a9 \u0645\u062b\u0627\u0644 \u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Background Tasks \u0648 Ephemeral Storage \u0646\u06af\u0627\u0647 \u06a9\u0646\u06cc\u0645.<\/p>\n

\u062a\u0635\u0648\u0631 \u06a9\u0646\u06cc\u062f \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0622\u0644\u0628\u0648\u0645 \u0639\u06a9\u0633 \u0647\u0633\u062a\u06cc\u062f. \u0634\u0645\u0627 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0634\u0645\u0627 \u0639\u06a9\u0633 \u0647\u0627 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0641\u0634\u0631\u062f\u0647 \u0622\u067e\u0644\u0648\u062f \u06a9\u0646\u0646\u062f. \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646\u0647\u0627 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u062a\u0627\u0628\u0639 Edge \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u06a9\u0646\u06cc\u062f \u0648 \u0622\u0646\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0641\u0636\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0622\u067e\u0644\u0648\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n

\u06cc\u06a9\u06cc \u0627\u0632 \u0633\u0627\u062f\u0647\u200c\u062a\u0631\u06cc\u0646 \u0631\u0627\u0647\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062c\u0631\u06cc\u0627\u0646\u200c\u0647\u0627 \u0627\u0633\u062a:<\/p>\n

import { ZipReaderStream } from ‘https:\/\/deno.land\/x\/zipjs\/index.js’
\nimport { createClient } from ‘jsr:@supabase\/supabase-js@2’<\/p>\n

const supabase = createClient(
\n Deno.env.get(‘SUPABASE_URL’),
\n Deno.env.get(‘SUPABASE_SERVICE_ROLE_KEY’)
\n)<\/p>\n

Deno.serve(async (req) => {
\n const uploadId = crypto.randomUUID()<\/p>\n

const { error } = await supabase.storage.createBucket(uploadId, {
\n public: false,
\n })<\/p>\n

for await (const entry of await req.body.pipeThrough(new ZipReaderStream())) {
\n \/\/ write file to Supabase Storage
\n const { error } = await supabase.storage
\n .from(uploadId)
\n .upload(entry.filename, entry.readable, {})<\/p>\n

console.log(‘uploaded’, entry.filename)
\n }<\/p>\n

return new Response(
\n JSON.stringify({
\n uploadId,
\n }),
\n {
\n headers: {
\n ‘content-type’: ‘application\/json’,
\n },
\n }
\n )
\n})<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u06af\u0631 \u0646\u0633\u062e\u0647 \u0627\u0633\u062a\u0631\u06cc\u0645 \u0631\u0627 \u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u062f\u060c \u0647\u0646\u06af\u0627\u0645 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0641\u0634\u0631\u062f\u0647 \u0628\u0627 \u062d\u062c\u0645 \u0628\u0627\u0644\u0627\u06cc 100 \u0645\u06af\u0627\u0628\u0627\u06cc\u062a\u060c \u0628\u0627 \u062e\u0637\u0627\u0647\u0627\u06cc \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u062d\u0627\u0641\u0638\u0647 \u0645\u0648\u0627\u062c\u0647 \u0645\u06cc \u0634\u0648\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0646\u0633\u062e\u0647 \u0627\u0633\u062a\u0631\u06cc\u0645 \u0628\u0627\u06cc\u062f \u0647\u0631 \u0641\u0627\u06cc\u0644 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0622\u0631\u0634\u06cc\u0648 \u0641\u0634\u0631\u062f\u0647 \u062f\u0631 \u062d\u0627\u0641\u0638\u0647 \u0646\u06af\u0647 \u062f\u0627\u0631\u062f.<\/p>\n

\u062f\u0631 \u0639\u0648\u0636 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u0622\u0646 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u0645 \u062a\u0627 \u0641\u0627\u06cc\u0644 \u0641\u0634\u0631\u062f\u0647 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0645\u0648\u0642\u062a \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645. \u0633\u067e\u0633\u060c \u0627\u0632 \u06cc\u06a9 \u06a9\u0627\u0631 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0648 \u0622\u067e\u0644\u0648\u062f \u0622\u0646 \u062f\u0631 Supabase Storage \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0627\u06cc\u0646 \u062a\u0631\u062a\u06cc\u0628 \u0645\u0627 \u0641\u0642\u0637 \u0642\u0633\u0645\u062a \u0647\u0627\u06cc\u06cc \u0627\u0632 \u0641\u0627\u06cc\u0644 \u0641\u0634\u0631\u062f\u0647 \u0631\u0627 \u062f\u0631 \u062d\u0627\u0641\u0638\u0647 \u0645\u06cc \u062e\u0648\u0627\u0646\u06cc\u0645.<\/p>\n

import { BlobWriter, ZipReader, ZipReaderStream } from ‘https:\/\/deno.land\/x\/zipjs\/index.js’<\/p>\n

import { createClient } from ‘jsr:@supabase\/supabase-js@2’<\/p>\n

const supabase = createClient(
\n Deno.env.get(‘SUPABASE_URL’),
\n Deno.env.get(‘SUPABASE_SERVICE_ROLE_KEY’)
\n)<\/p>\n

let numFilesUploaded = 0<\/p>\n

async function processZipFile(uploadId, filepath) {
\n const file = await Deno.open(filepath, { read: true })
\n const zipReader = new ZipReader(file.readable)
\n const entries = await zipReader.getEntries()<\/p>\n

await supabase.storage.createBucket(uploadId, {
\n public: false,
\n })<\/p>\n

await Promise.all(
\n entries.map(async (entry) => {
\n \/\/ read file entry
\n const blobWriter = new BlobWriter()
\n const blob = await entry.getData(blobWriter)<\/p>\n

if (entry.directory) {
\n return
\n }<\/p>\n

\/\/ write file to Supabase Storage
\n await supabase.storage.from(uploadId).upload(entry.filename, blob, {})<\/p>\n

numFilesUploaded += 1
\n console.log(‘uploaded’, entry.filename)
\n })
\n )<\/p>\n

await zipReader.close()
\n}<\/p>\n

\/\/ you can add a `beforeunload` event listener to be notified
\n\/\/ when Function Worker is about to terminate.
\n\/\/ use this to do any logging, save states.
\nglobalThis.addEventListener(‘beforeunload’, (ev) => {
\n console.log(‘function about to terminate: ‘, ev.detail.reason)
\n console.log(‘number of files uploaded: ‘, numFilesUploaded)
\n})<\/p>\n

async function writeZipFile(filepath, stream) {
\n await Deno.writeFile(filepath, stream)
\n}<\/p>\n

Deno.serve(async (req) => {
\n const uploadId = crypto.randomUUID()
\n await writeZipFile(‘\/tmp\/’ + uploadId, req.body)<\/p>\n

\/\/ process zip file in a background task
\n \/\/ calling EdgeRuntime.waitUntil() would ensure
\n \/\/ function worker wouldn’t exit until the promise is completed.
\n EdgeRuntime.waitUntil(processZipFile(uploadId, ‘\/tmp\/’ + uploadId))<\/p>\n

return new Response(
\n JSON.stringify({
\n uploadId,
\n }),
\n {
\n headers: {
\n ‘content-type’: ‘application\/json’,
\n },
\n }
\n )
\n})<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0648\u0628 \u0633\u0648\u06a9\u062a \u0647\u0627<\/p>\n

Edge Functions \u0627\u06a9\u0646\u0648\u0646 \u0627\u0632 \u0627\u06cc\u062c\u0627\u062f \u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0648\u0631\u0648\u062f\u06cc (\u0633\u0631\u0648\u0631) \u0648 \u062e\u0631\u0648\u062c\u06cc (\u06a9\u0644\u06cc\u0646\u062a) WebSocket \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0627\u0646\u0648\u0627\u0639 \u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062c\u062f\u06cc\u062f \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0645\u062b\u0627\u0644: \u0633\u0627\u062e\u062a\u0646 \u06cc\u06a9 \u0631\u0644\u0647 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc OpenAI Realtime API<\/p>\n

OpenAI \u0627\u062e\u06cc\u0631\u0627 \u06cc\u06a9 API Realtime \u0631\u0627 \u0645\u0639\u0631\u0641\u06cc \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 WebSockets \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u062c\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0635\u0631\u0641\u0627\u064b \u062f\u0631 \u0633\u0645\u062a \u06a9\u0644\u0627\u06cc\u0646\u062a \u062f\u0634\u0648\u0627\u0631 \u0627\u0633\u062a \u0632\u06cc\u0631\u0627 \u0628\u0627\u06cc\u062f \u06a9\u0644\u06cc\u062f OpenAI \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0639\u0645\u0648\u0645\u06cc \u062f\u0631 \u0645\u0639\u0631\u0636 \u062f\u06cc\u062f \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f. OpenAI \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0633\u0631\u0648\u0631 \u0628\u0631\u0627\u06cc \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627 \u0631\u0627 \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0628\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062c\u062f\u06cc\u062f \u0645\u0627 \u0627\u0632 WebSockets\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u062f\u0631 Edge Functions \u0628\u062f\u0648\u0646 \u0627\u06cc\u0633\u062a\u0627\u062f\u0646 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f. \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 Supabase Auth \u0628\u0631\u0627\u06cc \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0648 \u0645\u062d\u0627\u0641\u0638\u062a \u0627\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 OpenAI \u062e\u0648\u062f \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n

import { createClient } from ‘jsr:@supabase\/supabase-js@2’<\/p>\n

const supabase = createClient(
\n Deno.env.get(‘SUPABASE_URL’),
\n Deno.env.get(‘SUPABASE_SERVICE_ROLE_KEY’)
\n)
\nconst OPENAI_API_KEY = Deno.env.get(‘OPENAI_API_KEY’)<\/p>\n

Deno.serve(async (req) => {
\n const upgrade = req.headers.get(‘upgrade’) || ”<\/p>\n

if (upgrade.toLowerCase() != ‘websocket’) {
\n return new Response(“request isn’t trying to upgrade to websocket.”)
\n }<\/p>\n

\/\/ WebSocket browser clients does not support sending custom headers.
\n \/\/ We have to use the URL query params to provide user’s JWT.
\n \/\/ Please be aware query params may be logged in some logging systems.
\n const url = new URL(req.url)
\n const jwt = url.searchParams.get(‘jwt’)
\n if (!jwt) {
\n console.error(‘Auth token not provided’)
\n return new Response(‘Auth token not provided’, { status: 403 })
\n }
\n const { error, data } = await supabase.auth.getUser(jwt)
\n if (error) {
\n console.error(error)
\n return new Response(‘Invalid token provided’, { status: 403 })
\n }
\n if (!data.user) {
\n console.error(‘user is not authenticated’)
\n return new Response(‘User is not authenticated’, { status: 403 })
\n }<\/p>\n

const { socket, response } = Deno.upgradeWebSocket(req)<\/p>\n

socket.onopen = () => {
\n \/\/ initiate an outbound WebSocket connection to OpenAI
\n const url = ‘wss:\/\/api.openai.com\/v1\/realtime?model=gpt-4o-realtime-preview-2024-10-01’<\/p>\n

\/\/ openai-insecure-api-key isn’t a problem since this code runs in an Edge Function
\n const openaiWS = new WebSocket(url, [
\n ‘realtime’,
\n `openai-insecure-api-key.${OPENAI_API_KEY}`,
\n ‘openai-beta.realtime-v1’,
\n ])<\/p>\n

openaiWS.onopen = () => {
\n console.log(‘Connected to OpenAI server.’)<\/p>\n

socket.onmessage = (e) => {
\n console.log(‘socket message:’, e.data)
\n \/\/ only send the message if openAI ws is open
\n if (openaiWS.readyState === 1) {
\n openaiWS.send(e.data)
\n } else {
\n socket.send(
\n JSON.stringify({
\n type: ‘error’,
\n msg: ‘openAI connection not ready’,
\n })
\n )
\n }
\n }
\n }<\/p>\n

openaiWS.onmessage = (e) => {
\n console.log(e.data)
\n socket.send(e.data)
\n }<\/p>\n

openaiWS.onerror = (e) => console.log(‘OpenAI error: ‘, e.message)
\n openaiWS.onclose = (e) => console.log(‘OpenAI session closed’)
\n }<\/p>\n

socket.onerror = (e) => console.log(‘socket errored:’, e.message)
\n socket.onclose = () => console.log(‘socket closed’)<\/p>\n

return response \/\/ 101 (Switching Protocols)
\n})<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0639\u0645\u0644\u06a9\u0631\u062f \u0648 \u062b\u0628\u0627\u062a<\/p>\n

\u062f\u0631 \u0686\u0646\u062f \u0645\u0627\u0647 \u06af\u0630\u0634\u062a\u0647\u060c \u0639\u0645\u0644\u06a9\u0631\u062f\u060c \u062b\u0628\u0627\u062a \u0648 DX \u0628\u0633\u06cc\u0627\u0631\u06cc \u0631\u0627 \u062f\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f\u0647\u0627\u06cc \u0644\u0628\u0647 \u0628\u0647\u0628\u0648\u062f \u062f\u0627\u062f\u0647\u200c\u0627\u06cc\u0645. \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0627\u06cc\u0646 \u0628\u0647\u0628\u0648\u062f\u0647\u0627 \u0627\u063a\u0644\u0628 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0646\u0647\u0627\u06cc\u06cc \u0642\u0627\u0628\u0644 \u0645\u0634\u0627\u0647\u062f\u0647 \u0646\u06cc\u0633\u062a\u0646\u062f\u060c \u0622\u0646\u0647\u0627 \u067e\u0627\u06cc\u0647 \u0648 \u0627\u0633\u0627\u0633 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u062c\u062f\u06cc\u062f\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0627\u0645\u0631\u0648\u0632 \u0627\u0639\u0644\u0627\u0645 \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n

\u0628\u0639\u062f\u0634 \u0686\u06cc\u061f<\/p>\n

\u0645\u0627 \u06cc\u06a9 \u0646\u0642\u0634\u0647 \u0631\u0627\u0647 \u0628\u0633\u06cc\u0627\u0631 \u0647\u06cc\u062c\u0627\u0646 \u0627\u0646\u06af\u06cc\u0632 \u0628\u0631\u0627\u06cc \u0633\u0627\u0644 2025 \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u06cc\u0632\u06cc \u06a9\u0631\u062f\u0647 \u0627\u06cc\u0645. \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u0648\u0644\u0648\u06cc\u062a \u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0647\u0627\u06cc \u0645\u062d\u0627\u0633\u0628\u0627\u062a\u06cc \u0642\u0627\u0628\u0644 \u062a\u0646\u0638\u06cc\u0645 (\u062d\u0627\u0641\u0638\u0647\u060c CPU \u0648 \u0645\u062f\u062a \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627) \u0627\u0633\u062a. \u0628\u0647 \u0632\u0648\u062f\u06cc \u06cc\u06a9 \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u0622\u0646 \u0631\u0627 \u0627\u0639\u0644\u0627\u0645 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/p>\n

\u0645\u0646\u062a\u0638\u0631 \u0639\u0631\u0636\u0647 \u0647\u0627\u06cc \u0628\u0639\u062f\u06cc \u0627\u06cc\u0646 \u0647\u0641\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f. \u062e\u0648\u0627\u0647\u06cc\u062f \u062f\u06cc\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0647\u0645\u0647 \u0627\u06cc\u0646 \u0642\u0637\u0639\u0627\u062a \u0622\u06cc\u0646\u062f\u0647 \u0645\u0627\u0646\u0646\u062f \u0622\u062c\u0631\u0647\u0627\u06cc \u0644\u06af\u0648 \u0642\u0631\u0627\u0631 \u0645\u06cc \u06af\u06cc\u0631\u0646\u062f \u062a\u0627 \u0632\u0646\u062f\u06af\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0634\u0645\u0627 \u0631\u0627 \u0622\u0633\u0627\u0646 \u06a9\u0646\u0646\u062f.<\/p>\n

\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u0645\u0648\u0631\u062f LW13<\/p>\n

\u0631\u0648\u0632 1 – Supabase AI Assistant V2 \u0631\u0648\u0632 2 – \u062a\u0648\u0627\u0628\u0639 Supabase: \u0648\u0638\u0627\u06cc\u0641 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0648 \u0633\u0648\u06a9\u062a\u200c\u0647\u0627\u06cc \u0648\u0628<\/p>\n

\u0645\u0631\u062d\u0644\u0647 \u0633\u0627\u062e\u062a<\/p>\n

01 -OrioleDB \u0639\u0645\u0648\u0645\u06cc \u0622\u0644\u0641\u0627<\/p>\n

\u062c\u0644\u0633\u0627\u062a \u0627\u0646\u062c\u0645\u0646 <\/p>\n

\n

\u0645\u0627 \u0647\u06cc\u062c\u0627\u0646\u200c\u0632\u062f\u0647 \u0647\u0633\u062a\u06cc\u0645 \u06a9\u0647 \u0633\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u0638\u0627\u0631 \u0631\u0627 \u0627\u0639\u0644\u0627\u0645 \u06a9\u0646\u06cc\u0645: \u06a9\u0627\u0631\u0647\u0627\u06cc \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u060c \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u0641\u0627\u06cc\u0644 \u0632\u0648\u062f\u06af\u0630\u0631 \u0648 WebSockets.<\/p>\n

\u26a1\ufe0f \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u0647\u0641\u062a\u0647 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc\n<\/p>\n

\u0627\u0632 \u0627\u0645\u0631\u0648\u0632 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u062f\u0631 \u0647\u0631 \u067e\u0631\u0648\u0698\u0647 \u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0686\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc \u0647\u06cc\u062c\u0627\u0646 \u0627\u0646\u06af\u06cc\u0632\u06cc \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0622\u0646\u0647\u0627 \u0628\u0633\u0627\u0632\u06cc\u062f.<\/p>\n

https:\/\/www.youtube.com\/watch?v=envrsJ8VfAU<\/a>
\n<\/iframe>\n<\/p>\n

\n
\n

\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n