रेडिस के लिए अपस्टैश के साथ डेनो ऐप के प्रदर्शन को बढ़ावा दें:सर्वर रहित कैशिंग जो प्रतिक्रिया समय में कटौती करती है

ढेर

• upstash_redis :रेडिस के लिए अपस्टैश के साथ काम करने के लिए एक डेनो मॉड्यूल
• डेनो फ्रेश:डेनो में सर्वर-साइड रेंडर (एसएसआर) ऐप्स बनाने के लिए एक नया, उत्पादन-तैयार फ्रेमवर्क
• सर्वर रहित लॉगिंग:हम यहां कंसोल का उपयोग करते हैं, लेकिन आपके तैनात ऐप के लिए, लाइव माप तक पहुंचने के लिए आपको लॉगटेल जैसी सेवा की आवश्यकता होगी

सेटअप

deno run -A -r https://fresh.deno.dev upstash-redis-deno-perf

{
 "imports": {
 "@/": "./",
 "$fresh/": "https://deno.land/x/fresh@1.1.2/",
 // ...TRUNCATED
 "$std/": "https://deno.land/std@0.177.0/",
 "upstash/": "https://deno.land/x/upstash_redis@v1.20.0/"
 }
}

• @/ सुविधा के लिए एक आयात उपनाम परिभाषित करता है। इससे आप components आयात कर सकते हैं (प्रोजेक्ट रूट डायरेक्टरी में) @/components का उपयोग करके इससे कोई फर्क नहीं पड़ता कि आपकी स्रोत फ़ाइल किस फ़ोल्डर में है।
• $std/ डेनो स्टैंडर्ड लाइब्रेरी के लिए हमारा उपनाम है जिसमें .env पढ़ने के लिए एक उपयोगिता फ़ंक्शन है पर्यावरण परिवर्तनीय फ़ाइलें.
• upstash/ हमें प्रोजेक्ट में किसी भी टाइपस्क्रिप्ट या जावास्क्रिप्ट स्रोत फ़ाइल से रेडिस लाइब्रेरी के लिए अपस्टैश तक पहुंचने की सुविधा देता है।

रेडिस और परफॉर्मेंस एपीआई के लिए अपस्टैश:स्केलेटन ऐप

• टिनीबर्ड (सर्वर रहित क्लिकहाउस) से वेब एनालिटिक्स का उपयोग करके पिछले 28 दिनों में पृष्ठ दृश्य
• वेबमेंटेशन का उपयोग करके पेज लाइक किया जाता है

export const handler: Handlers<Data> = {
 async GET(request, context) {
 const { url } = request;
 const { pathname } = new URL(url);
 
 const likes = await getWebmentionLikes(pathname);
 const views = await getTinybirdViews({ days: 28 });
 
 return context.render({ likes, views });
 },
};

const [likes, views] = await Promise.all([
 getWebmentionLikes(pathname),
 getTinybirdViews({ days: 28 }),
]);

जावास्क्रिप्ट प्रदर्शन वेब एपीआई

• performance.mark('your-mark-name') :एक PerformanceMark बनाता है वस्तु, जो समय में एक बिंदु का प्रतिनिधित्व करती है। जब आप चिह्न के साथ कोई माप बनाते हैं तो नाम पैरामीटर का उपयोग किया जाता है।
• performance.measure('your description', startMarkName, finishMarkName) :एक PerformanceMeasure बनाता है वस्तु. यह प्रारंभ और समाप्ति समय चिह्नों को एक लेबल के साथ जोड़ता है, जो लॉगिंग और गणना करने के लिए उपयोगी है कि ईवेंट चलने में कितना समय लगा।

timeEvent :प्रदर्शन सहायक फ़ंक्शन

export async function timeEvent<EventReturnType>(
 eventFunction: () => Promise<EventReturnType>,
 {
 description,
 performanceMeasures,
 }: { description: string; performanceMeasures: PerformanceMeasure[] },
): Promise<EventReturnType> {
 // prepare
 const startName = `${description}-started`;
 const finishName = `${description}-finished`;
 
 // time
 performance.mark(startName);
 const result = await eventFunction();
 performance.mark(finishName);
 
 // record
 performanceMeasures.push(
 performance.measure(description, startName, finishName),
 );
 
 return result;
}

माप के साथ सर्वर कोड अपडेट करना

import type { Handlers, PageProps } from "$fresh/server.ts";
 
import "$std/dotenv/load.ts"; /* included for visibility here, typically you
 can import once for project in `dev.ts` */
 
import { timeEvent } from "@/utils/performance.ts";
 
// ...TRUNCATED
 
export const handler: Handlers<Data> = {
 async GET(request, context) {
 // ...TRUNCATED
 
 const performanceMeasures: PerformanceMeasure[] = [];
 
 const [likes, views] = await Promise.all([
 timeEvent<number>(() => getWebmentionLikes(pathname), {
 description: "web-mention-likes",
 performanceMeasures,
 }),
 timeEvent<number>(() => getTinybirdViews({ days: 28 }), {
 description: "analytics-views",
 performanceMeasures,
 }),
 ]);
 
 // Replace with a serverless logging service for production
 console.log({ performanceMeasures });
 
 return context.render({ likes, views });
 },
};

• नाम
• प्रारंभ समय
• अवधि (मिलीसेकंड में)

एनालिटिक्स हेल्पर कोड में रेडिस के लिए अपस्टैश जोड़ना

import { Redis } from "upstash/mod.ts";
 
const UPSTASH_REDIS_REST_TOKEN = Deno.env.get("UPSTASH_REDIS_REST_TOKEN");
if (typeof UPSTASH_REDIS_REST_TOKEN === "undefined") {
 console.error("env `UPSTASH_REDIS_REST_TOKEN` must be set");
}
const UPSTASH_REDIS_REST_URL = Deno.env.get("UPSTASH_REDIS_REST_URL");
if (typeof UPSTASH_REDIS_REST_URL === "undefined") {
 console.error("env `UPSTASH_REDIS_REST_URL` must be set");
}
 
const redis = new Redis({
 token: UPSTASH_REDIS_REST_TOKEN,
 url: UPSTASH_REDIS_REST_URL,
});

export async function getTinybirdViews({
 days,
}: {
 days: number;
}): Promise<number> {
 try {
 // ...TRUNCATED
 
 const cachedCount = (await redis.get("view-count")) as number | null;
 
 if (cachedCount != null) {
 return cachedCount;
 }
 
 // ...TRUNCATED
 const response = await fetch(
 `https://api.tinybird.co/v0/pipes/${TINYBIRD_PIPE_NAME}.json?${params.toString()}`,
 {
 headers: {
 Authorization: `Bearer ${TINYBIRD_TOKEN}`,
 },
 },
 );
 
 const {
 data: [{ count_sessions: count = -1 }],
 } = await response.json();
 
 if (typeof count === "number" && count > 0) {
 const CACHE_TTL_SECONDS = 14_400;
 await redis.set("view-count", count);
 await redis.expire("view-count", CACHE_TTL_SECONDS);
 }
 
 return count;
 } catch (error: unknown) {
 // ...TRUNCATED
 }
}

1. जांचें कि क्या view-count के लिए रेडिस कैश्ड मान के लिए पहले से ही कोई अपस्टैश मौजूद है redis.get('view-count') पर कॉल के साथ .
2. यदि कोई कैश्ड मान है तो उसे वापस कर दें, अन्यथा टिनीबर्ड से नया मान प्राप्त करें।
3. redis.set('view-count', value) पर कॉल करके रेडिस कैश के लिए अपस्टैश में नए मूल्य को स्टोर करें और समाप्ति तिथि सेट करें। फिर redis.expire(TTL) . यह जीने केसमयके साथ मूल्य निर्धारित करता है (टीटीएल ) वह मान जिसके बाद डेटा को पुराना माना जाता है। हमने TTL सेट किया यहाँ चार घंटे तक. getTinybirdViews पर कॉल के लिए उस अवधि के बाद, हम नए मूल्य के लिए टाइनीबर्ड पर प्रहार करेंगे।

रेडिस और परफॉर्मेंस एपीआई के लिए अपस्टैश:रैपिंग अप