Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Redis

Nuxt 3 और Serverless Redis के साथ शुरुआत करना

परिचय

यदि आपको कभी ऐसा ऐप बनाना पड़े जो एप्लिकेशन के उपयोग को ट्रैक करता हो, संसाधनों के उपयोग को प्रतिबंधित करता हो या ऐप के प्रदर्शन को बढ़ाने के लिए कैश से डेटा प्राप्त करता हो, तो आपको पता होगा कि रेडिस इन आवश्यकताओं का उत्तर है! रेडिस इन-मेमोरी, की-वैल्यू डेटाबेस है। यह ओपन सोर्स है और इसका मतलब रिमोट डिक्शनरी सर्वर है।

इस लेख में, हम Upstash, Redis डेटाबेस और Vue SSR फ्रेमवर्क के हालिया बीटा रिलीज़, Nuxt 3 पर चर्चा करने जा रहे हैं। यह एक शुरुआती अनुकूल लेख है जो Redis डेटाबेस की खोज करता है, जहाँ हम मूल ऐप का निर्माण करेंगे जो किसी के पेज-विज़िट को ट्रैक करता है। अगला ऐप।

संसाधन

  • गीथब रेपो:https://github.com/Krutie/upstash-nuxt-demo
  • डेमो
    • क्लाउडफ्लेयर कार्यकर्ता:https://upstash-demo.krutie-patel.workers.dev/contact
    • नेटलिफाई:https://thirsty-visvesvaraya-a09ab9.netlify.app/

अपस्टैश क्या है?

Upstash एक ऐसी सेवा है जो Redis डेटाबेस को सर्वर रहित एक्सेस प्रदान करती है। इसलिए हमारे लिए यह आवश्यक हो जाता है कि हम रेडिस के मूलभूत सिद्धांतों को सीखें जिसमें विभिन्न प्रकार के डेटा में हेरफेर करने के लिए रेडिस उपयोग के मामले और उपलब्ध कमांड शामिल हैं।

Redis क्या है?

रेडिस के लोकप्रिय उपयोग के मामले हैं जैसे:

  • डेटा और सत्र कैशिंग करना
  • लीडर-बोर्ड - कंप्यूटर गेमिंग या गेमिफिकेशन सिद्धांतों के साथ निर्मित किसी भी सॉफ़्टवेयर में रैंक नाम और स्कोर
  • कतार - बाद में पृष्ठभूमि में संसाधित किए जाने वाले कार्यों को शेड्यूल करें
  • उपयोग की पैमाइश/गिनती - संसाधन उपयोग को प्रतिबंधित करें, संसाधन वितरण को नियंत्रित करें या ई-कॉमर्स साइटों, सोशल मीडिया, मोबाइल ऐप आदि जैसे उपयोग को देखने और विश्लेषण करने के लिए पैमाने पर गिनती करें
  • सामग्री फ़िल्टरिंग - उदाहरण के लिए, निषिद्ध शब्दों की सूची के विरुद्ध सामग्री फ़िल्टर करें

बुनियादी स्तर पर, Redis डेटाबेस डेटा को की-वैल्यू पेयर में स्टोर करता है। लेकिन यह डेटा को उन्नत डेटा संरचनाओं जैसे सूची, सेट, सॉर्ट किए गए सेट इत्यादि में भी स्टोर कर सकता है। रेडिस इन डेटा-संरचनाओं में हेरफेर करने के लिए कमांड का सेट भी प्रदान करता है। चूंकि हम उनमें से एक का उपयोग अपने उदाहरण ऐप में करेंगे, यह उनकी उच्च-स्तरीय परिभाषाओं पर एक नज़र डालने लायक है।

  • सूचियां - एक मूल सरणी की तरह अधिक है। सूची आपको अनुक्रम के दोनों सिरों से आइटम को पुश और पॉप करने, अलग-अलग आइटम लाने और कई अन्य ऑपरेशन करने की अनुमति देती है। लिस्ट कमांड के आगे L अक्षर, यानी LPOP, LPUSH, LSET, आदि होते हैं
  • Hash - आपको की-वैल्यू पेयर के ग्रुप्स को सिंगल रेडिस की में स्टोर करने की अनुमति देता है। हैश कमांड के पहले H अक्षर होते हैं, यानी HSET, HGET, HDEL, आदि
  • सेट - सूचियों की तरह हैं, लेकिन सेट अद्वितीय हैं और एक अनियंत्रित सूची में आइटम स्टोर करते हैं। इसलिए सेट को क्रमबद्ध नहीं किया जा सकता है, लेकिन आप जल्दी से जोड़ सकते हैं, हटा सकते हैं और निर्धारित कर सकते हैं कि कोई आइटम सेट में है या नहीं। सेट कमांड्स के पहले S अक्षर, यानी SADD, SCARD, SISMEMBER, आदि होते हैं
  • सॉर्ट किए गए सेट - सेट की तरह होते हैं, लेकिन सॉर्ट किए गए सेट स्कोर के आधार पर सॉर्ट करने की अनुमति देते हैं जो बहुत हद तक की-वैल्यू पेयर जैसा दिखता है। हम इस संख्यात्मक अंकों में हेरफेर और सॉर्ट भी कर सकते हैं। सॉर्ट किए गए सेट कमांड को Z, i,e, ZADD, ZINCRBY, ZSCORE, आदि अक्षर से पहले लगाया जाता है
<ब्लॉकक्वॉट>

आप अन्य रेडिस कमांड के बारे में अधिक जान सकते हैं https://redis.io/commands

अपस्टैश सेटअप

<ब्लॉकक्वॉट>

डॉक्स @ https://docs.upstash.com/

के अनुसार खाता और डेटाबेस सेटअप करने के लिए निर्देशों का पालन करें

Nuxt ऐप बनाने से पहले, सुनिश्चित करें कि आपका Upstash अकाउंट तैयार है। आपको फ्री-टियर वाला एक डेटाबेस बनाने में सक्षम होना चाहिए।

एक बार आपका डेटाबेस बन जाने के बाद, आप किसी भी Redis क्लाइंट का उपयोग करके Redis डेटाबेस बना और एक्सेस कर सकते हैं। वैकल्पिक रूप से, आप तुरंत आरंभ करने के लिए Upstash कंसोल में दिए गए ब्राउज़र-आधारित CLI👇 का उपयोग कर सकते हैं।

Nuxt 3 और Serverless Redis के साथ शुरुआत करना

Upstash कंसोल में उपलब्ध कराया गया ब्राउज़र-आधारित CLI

Redis-cli

आप सेट कर सकते हैं redis-cli अपने कमांड लाइन इंटरफेस से सीधे रेडिस डेटाबेस बनाने और एक्सेस करने के लिए अपने मशीन टर्मिनल पर।

Redis npm संकुल

रेडिस डेटाबेस के साथ बातचीत करने के लिए हमारे पास कई एनपीएम पैकेज भी हैं। हम उपयोग करेंगे 1) @upstash/redis और 2) ioredis - हमारे Nuxt प्रोजेक्ट में Redis कमांड को एक्सेस करने के लिए।

अगले भाग में, हम Nuxt प्रोजेक्ट सेटअप करेंगे। Nuxt Vue के शीर्ष पर निर्मित एक SSR ढांचा है। Nuxt Labs ने हाल ही में Nuxt 3 बीटा रिलीज़ की घोषणा की है। तो, चलिए एक नया Nuxt 3 प्रोजेक्ट सेटअप करते हैं।

<ब्लॉकक्वॉट>

Nuxt 3 अभी बीटा में है, ध्यान रखें कि यह अभी तक उत्पादन के लिए तैयार नहीं है

⚡चलो Nuxt 3 के बारे में बात करते हैं

Nuxt 3 ने nuxi . नाम से एकदम नया CLI पेश किया है Nuxt ऐप बनाने के लिए।

npx nuxi init nuxt3-app

हम /pages बनाएंगे निर्देशिका और नीचे के रूप में कुछ सरल मार्ग जोड़ें👇

-pages;
--index.vue;
--about.vue;
app.vue;

app.vue Nuxt 3 का एक नया परिचय है जो एक मुख्य घटक के रूप में कार्य करता है। app.vue /pages . में परिभाषित प्रत्येक मार्ग के लिए लोड किया जाएगा निर्देशिका।

नाइट्रो सर्वर इंजन ⚙️

Nuxt 3 एक बिलकुल नया सर्वर इंजन भी पेश करता है जिसे Nitro कहा जाता है। हम सर्वर API समापन बिंदु . बनाने के लिए Nitro की शक्ति का लाभ उठा सकते हैं और सर्वर मिडलवेयर बस एक server बनाकर api . के साथ निर्देशिका और middleware उप-निर्देशिकाओं के रूप में। आप जीथब रेपो में इस न्यूनतम निर्देशिका संरचना की समीक्षा कर सकते हैं।

-server;
--api;
--middleware;

एपीआई और मिडलवेयर दोनों को एक डिफ़ॉल्ट फ़ंक्शन निर्यात करना चाहिए जो एपीआई अनुरोधों को संभालता है और एक वादा/JSON डेटा देता है। Nuxt 2 के विपरीत, हमें nuxt.config.js में सर्वर-मिडलवेयर को परिभाषित करने की आवश्यकता नहीं है ।

यहां उन कदमों की उच्च-स्तरीय सूची दी गई है, जिन्हें हमें अपना ऐप बनाने के लिए उठाने की आवश्यकता है:

  • सबसे पहले, हम Redis डेटाबेस से जुड़ते हैं।
  • पृष्ठ विज़िट रिकॉर्ड करने के लिए, हम सर्वर से किए गए प्रत्येक पृष्ठ अनुरोध को रोकते हैं, उस पृष्ठ के काउंटर को एक-एक करके बढ़ाते हैं, और इसके मान को Redis डेटाबेस में संग्रहीत करते हैं।
  • फिर, हम क्लाइंट-साइड से एक एपीआई कॉल करते हैं ताकि रेडिस डेटाबेस से विज़िट-काउंट को पुनः प्राप्त किया जा सके और इसे Nuxt पेज पर प्रदर्शित किया जा सके।

वैचारिक रूप से, नीचे दिए गए चित्र दिखाते हैं कि हम क्या बनाने की कोशिश कर रहे हैं👇

Nuxt 3 और Serverless Redis के साथ शुरुआत करना

<ब्लॉकक्वॉट>

Nuxt 3 के बारे में अधिक जानें @ https://v3.nuxtjs.org/getting-started/installation

REST Redis क्लाइंट का उपयोग करें

Upstash अपना HTTP/REST आधारित Redis क्लाइंट प्रदान करता है - @upstash/redis - कि हम अपने Nuxt प्रोजेक्ट में एक निर्भरता के रूप में जोड़ सकते हैं।

yarn add @upstash/redis

Redis DB को प्रमाणित करें

रेडिस डेटाबेस को प्रमाणित करने के लिए, हमें निम्नलिखित पर्यावरण चर का पता लगाने की जरूरत है:

  • REST URL (UPSTASH_REDIS_REST_URL), और
  • टोकन (UPSTASH_REDIS_REST_TOKEN)

...अपस्टैश कंसोल से - डेटाबेस के अंतर्गत।

निजी रनटाइम कॉन्फ़िगरेशन

अब, सर्वर-साइड पर इन पर्यावरण चरों को उजागर करने के लिए, Nuxt रनटाइम कॉन्फ़िगरेशन प्रदान करता है जिसे हम nuxt.config.js में परिभाषित करते हैं। फ़ाइल।

// nuxt.config.js
export default defineNuxtConfig({
  publicRuntimeConfig: {},

  privateRunimeConfig: {
    UPSTASH_REDIS_REST_URL: process.env.UPSTASH_REDIS_REST_URL,
    UPSTASH_REDIS_REST_TOKEN: process.env.UPSTASH_REDIS_REST_TOKEN,
  },
});

इसके बाद, हम #config . आयात करके इन पर्यावरण चरों को सीधे एक्सेस कर सकते हैं ।

import { Redis } from "@upstash/redis";
import config from "#config";

const redis = new Redis({
  url: config.UPSTASH_REDIS_REST_URL,
  token: config.UPSTASH_REDIS_REST_TOKEN,
});

एक विकल्प के रूप में, एक शून्य-कॉन्फ़िगरेशन दृष्टिकोण UPSTASH_REDIS_REST_URL add जोड़ना होगा और UPSTASH_REDIS_REST_TOKEN सीधे .env . में फ़ाइल और एक रेडिस इंस्टेंस बनाना const redis = Redis.fromEnv() इन चरों को Redis . पर पास करने की आवश्यकता के बिना . ध्यान दें कि यह जादू केवल @upstash/redis . का उपयोग करते समय लागू होता है रेडिस क्लाइंट।

Nuxt सर्वर-मिडलवेयर के साथ अवरोधन अनुरोध

हम यहां से किसी भी आवश्यक रेडिस कमांड का उपयोग करने के लिए स्वतंत्र हैं। इस उदाहरण के लिए, हम सॉर्ट किए गए सेट का उपयोग करेंगे, क्योंकि सॉर्ट किए गए सेट अद्वितीय हैं और SCORE को सॉर्ट करने और हेरफेर करने की भी अनुमति देते हैं।

उदाहरण के लिए, हम zincrby . का उपयोग कर सकते हैं पेज को हर बार अनुरोध किए जाने पर स्कोर बढ़ाने के लिए।

// server/middleware/pageCount.js
import { Redis } from "@upstash/redis";
import { getRedisKey } from "../utils";

const redis = Redis.fromEnv();

export default async function (req, res, next) {
  const redisKey = getRedisKey(req.url);
  await redis.zincrby("myPageCounts", 1, redisKey);
  next();
}

नेमस्पेस जेनरेट करना

Redis NoSql डेटाबेस है जो डेटा को की-वैल्यू पेयर में स्टोर करता है। इसमें ऑटो-इंक्रीमेंटिंग कुंजियों की अवधारणा नहीं है या किसी भी प्रकार का अद्वितीय यूयूआईडी उत्पन्न करने का कोई गतिशील तरीका नहीं है। यहीं पर हम getRedisKey() introduce का परिचय देते हैं उपयोगिता समारोह।

यह उपयोगिता फ़ंक्शन अनुरोध URL को संसाधित करता है और अद्वितीय कुंजी बनाता है - जिसका उपयोग हम प्रत्येक पृष्ठ के विरुद्ध विज़िट-गणना को संग्रहीत करने के लिए करेंगे। इस तरह हम अपने काउंटर को उसी कुंजी के विरुद्ध बढ़ाने से रोक सकते हैं।

हमारे उदाहरण में, हम अनुरोध URL उठाते हैं और '/' . के सभी उदाहरणों को प्रतिस्थापित करते हैं '.' . के साथ अद्वितीय नाम-स्थान वाली कुंजियाँ उत्पन्न करने के लिए।

export const getRedisKey = (url: string) => {
  const reqURL = url?.replace("/", ".");
  const redisKey = reqURL === "." ? "page.home" : `page${reqURL}`;
  return redisKey;
};

यह हमें रूपांतरित करने में मदद करेगा, उदाहरण के लिए:/about एक नाम-अंतराल कुंजी में पृष्ठ जो page.about . के रूप में पढ़ा जाएगा

REST API एंडपॉइंट्स का उपयोग करके Redis DB को एक्सेस करें

आइए एक एपीआई एंडपॉइंट बनाएं जो संबंधित पृष्ठों के लिए वर्तमान गणना या स्कोर प्राप्त करेगा।

Nuxt 3 में डेटा लाने के दो तरीके हैं। 1)useAsyncData और 2) useFetch . app.vue . में , हम उपयोग करेंगे useAsyncData $fetch . के साथ ohmyfetch पुस्तकालय द्वारा प्रदान किया गया।

// app.vue
<script setup>
	const router = useRoute();
  const { data: count } = await useAsyncData('Count', () => $fetch('/api/count', { params: { path: router.path}}))
</script>

जैसा कि आप देख सकते हैं, एपीआई कॉल के साथ, हमने एक्सेस किए जा रहे पेज की पहचान करने के लिए राउटर पथ को क्वेरी पैरामीटर के रूप में पास किया है👇

$fetch("/api/count", { params: { path: router.path } });

सर्वर-मिडलवेयर के विपरीत, हमें इस एपीआई एंडपॉइंट का उपभोग करना होगा, /api/count विज़िट की संख्या लाने के लिए. यह हमें मजेदार हिस्से में लाता है!

आइए इस एपीआई एंडपॉइंट को server/api/count.ts . पर बनाएं . हम useQuery . का उपयोग करेंगे h3 . द्वारा प्रदान की गई विधि क्लाइंट-साइड से भेजे गए क्वेरी पैरामीटर तक पहुंचने के लिए लाइब्रेरी।

// server/api/count.ts
import { useQuery } from "h3";

export default async (req, res) => {
  let query = await useQuery(req);
  const redisKey = getRedisKey(query.path);
};

यहां 👆 हम उसी का उपयोग करेंगे getRedisKey() यह सुनिश्चित करने के लिए उपयोगिता यह सुनिश्चित करने के लिए कि यह कुंजी एक नाम-स्थान वाली कुंजी से मेल खाती है जिसका उपयोग हमने पेज की गिनती बढ़ाने के लिए मिडलवेयर में किया था।

तो, अब हम इस कुंजी को zscore . में पास कर सकते हैं हमें यकीन है कि यह SCORE/गिनती लाने के लिए डेटाबेस में मौजूद है।

// server/api/count.ts
// ...
import { Redis } from "@upstash/redis";

const redis = Redis.fromEnv();

export default async () => {
  // ...
  const count = await redis.zscore("myPageCounts", redisKey);
  return { count };
};

Redis API का उपयोग सीधे ioredis के साथ करें

हम ioredis . का उपयोग करके इसे प्राप्त कर सकते हैं पुस्तकालय भी।

yarn add ioredis

ioredis का उपयोग करते समय , हमारे पास auth नहीं होगा विधि उपलब्ध है। हालांकि, हमारे पास एक कनेक्शन स्ट्रिंग है - Upstash कंसोल में उपलब्ध है - जिसका उपयोग हम Redis डेटाबेस से कनेक्ट करने के लिए कर सकते हैं।

हम UPSTASH_REDIS_CONN सेट कर सकते हैं एक रनटाइम कॉन्फ़िगरेशन वैरिएबल के रूप में ठीक उसी तरह जैसे हमने पहले रेस्ट-यूआरएल और टोकन के लिए किया था।

// nuxt.config.js
export default defineNuxtConfig({
  publicRuntimeConfig: {},

  privateRunimeConfig: {
    UPSTASH_REDIS_CONN: process.env.UPSTASH_REDIS_CONN,
  },
});

इसके बाद, मिडलवेयर में, हम new Redis() बनाएंगे एक कनेक्शन बनाने और client . से सभी रेडिस कमांड तक पहुंचने के लिए उदाहरण

// server/middleware/pageCount.js

import config from "#config";
import Redis from "ioredis";

const client = new Redis(config.UPSTASH_REDIS_CONN);

Nuxt सर्वर-मिडलवेयर के साथ अवरोध अनुरोध

हमारा Nuxt मिडलवेयर पहले जैसा ही रहेगा, सिवाय इसके कि हम zincrby को कैसे एक्सेस करते हैं बदल जाएगा👇

// server/middleware/pageCount.js
// ...
export default async function (req, res, next) {
  // ...
  await client.zincrby("myPageCounts", 1, redisKey);
  next();
}

REST API एंडपॉइंट का उपयोग करके Redis DB तक पहुंचें

इससे पहले, हम कस्टम एपीआई एंडपॉइंट server/api/count.ts . बनाते हैं गिनती पाने के लिए। वह एपीआई एंडपॉइंट भी वही रहेगा, सिवाय इसके कि हम zscore . कैसे कॉल करते हैं तरीका थोड़ा बदलेगा👇

// server/api/count.ts
import config from "#config";
import Redis from "ioredis";

const client = new Redis(config.UPSTASH_REDIS_CONN);

export default async (req: IncomingMessage, res: ServerResponse) => {
  // ...
  const count = await client.zscore("myPageCounts", redisKey);
  return { count };
};

अपस्टैश CLI के साथ परीक्षण करें

चूंकि हम सभी डेटा को सॉर्ट-सेट में स्टोर कर रहे हैं, हम zrange . का उपयोग कर सकते हैं हमारे सॉर्ट किए गए सेट से सभी आइटम लाने के लिए।

आप Upstash कंसोल में दिए गए Redis CLI को एक्सेस कर सकते हैं और निम्न कमांड चला सकते हैं:

zrange myPageCounts 0 -1

यहां:

  • myPageCounts हमारे सॉर्ट किए गए सेट का नाम है,
  • 0 -1 श्रेणी को दर्शाता है, जहां 0 प्रारंभिक मान है और -1 सेट के अंतिम आइटम का प्रतिनिधित्व करता है।

उपरोक्त आदेश सभी कुंजियों को उनके SCORES के बिना सूचीबद्ध करता है। हम इसे WITHSCORES जोड़कर ठीक कर सकते हैं

// lowest SCORE first
zrange myPageCounts 0 -1 WITHSCORES

// highest SCORE first
zrevrange myPageCounts 0 -1 WITHSCORES

// get SCORE for page.home hits
zscore myPageCounts page.home

जब आप अपने एपीआई और मिडलवेयर का परीक्षण करते हैं, तो अपनी वेबसाइट पर होने वाली सभी गतिविधियों के लिए अपस्टैश कंसोल की जांच करना सुनिश्चित करें।

Nuxt 3 और Serverless Redis के साथ शुरुआत करना

Upstash कंसोल में संसाधन उपयोग

अपना Nuxt 3 ऐप परिनियोजित करना

Nuxt 3 ऐप को लागू करते समय नाइट्रो सर्वर इंजन एक महत्वपूर्ण भूमिका निभाता है।

Netlify

Netlify पर तैनात करने के लिए, हम अपने Nuxt ऐप के GitHub रेपो को आगे बढ़ाएंगे जैसा कि हम सामान्य रूप से करते हैं। यह सुनिश्चित करने के लिए कि आपकी तैनाती सुचारू रूप से चलती है, सुनिश्चित करें कि आप निम्नलिखित तीन वस्तुओं का ध्यान रखते हैं।

  • Netlify में, npm run build का उपयोग करें आपके बिल्ड कमांड के रूप में, और dist प्रकाशित करने के लिए निर्देशिका के रूप में।
  • विनियोजित करने से पहले Netlify में रेस्ट-यूआरएल, टोकन या रेडिस कनेक्शन के लिए अपने पर्यावरण चर बनाएं।
  • अंतिम लेकिन कम से कम, सुनिश्चित करें कि आपने netlify.toml बनाया है आपके Nuxt प्रोजेक्ट की जड़ में। इस फ़ाइल की सामग्री के लिए, netlify.toml पर जाएँ।

जब हम yarn build . करते हैं , Nuxt 3 एक निर्देशिका बनाता है जिसे .output . कहा जाता है जिसे हमने अपने .toml . में इस्तेमाल किया है हमारे कार्यों के लिए पथ प्रदान करने के लिए फ़ाइल।

// netlify.toml
//...
[build];
// ...
functions = ".output/server";

Netlify पर चल रहे इस लेख का अगला उदाहरण यहां दिया गया है:https://thirsty-visvesvaraya-a09ab9.netlify.app/

क्लाउडफ्लेयर

हम अपने Nuxt 3 ऐप को सीधे टर्मिनल से Cloudflare कार्यकर्ता पर तैनात कर सकते हैं! Nuxt 3 डॉक्स मिनीफ्लेयर को स्थानीय रूप से आपके ऐप का परीक्षण करने की सलाह देता है और फिर रैंगलर का उपयोग करके उसका पूर्वावलोकन और प्रकाशित करता है।

wrangler.toml जोड़ना सुनिश्चित करें अपने Cloudflare के साथ प्रोजेक्ट रूट में फ़ाइल करें account_id और पर्यावरण चर जैसा कि इस उदाहरण फ़ाइल में दिखाया गया है।

Cloudflare परिनियोजन के लिए, हम entry-point provide प्रदान करेंगे और NITRO_PRESET=cloudflare . के साथ कमांड बनाएं ।

// wrangler.toml
//..
[site]
bucket = ".output/public"
entry-point = ".output"

[build]
command = "NITRO_PRESET=cloudflare yarn nuxt build"
upload.format = "service-worker"

Cloudflare कार्यकर्ता पर चल रहे इस लेख का अगला उदाहरण यहां दिया गया है:https://upstash-demo.krutie-patel.workers.dev/contact

निष्कर्ष

हमने यह देखने के लिए अपस्टैश सेवाओं का उपयोग करते हुए रेडिस के सबसे बुनियादी एप्लिकेशन को कवर किया है कि हम इसे सर्वर-साइड रेंडरिंग फ्रेमवर्क जैसे कि Nuxt (v3) से कैसे एकीकृत कर सकते हैं:

  • Redis डेटाबेस से कनेक्ट करें,
  • अद्वितीय कुंजी बनाएं और डेटाबेस में कुंजी-मूल्य जोड़े लिखें,
  • Redis डेटाबेस से डेटा पढ़ें और
  • हमारे ऐप को Netlify और Cloudflare कर्मचारियों के लिए परिनियोजित करें।

Upstash हमारे द्वारा बनाए गए प्रत्येक डेटाबेस के लिए डेटा ट्रैफ़िक को एन्क्रिप्ट करने का विकल्प भी प्रदान करता है, साथ ही कई उपलब्धता क्षेत्रों में डेटा को दोहराने और विश्व स्तर पर वितरित किनारे स्थानों पर हमारे REST API प्रतिक्रियाओं को कैश करने का विकल्प भी प्रदान करता है। आप इन विकल्पों को Upstash कंसोल में विवरण . के अंतर्गत पा सकते हैं आपके डेटाबेस का टैब।

रेडिस डीबी का पता लगाने के इच्छुक किसी भी शुरुआती लोगों के लिए, अपस्टैश आने वाली और मौजूदा फ्रंट-एंड तकनीकों के साथ काम करने के मामले में शुरुआत करना बहुत आसान बनाता है जिसे हम पहले से जानते हैं और प्यार करते हैं। मुझे उम्मीद है कि यह लेख आपको अपनी रेडिस यात्रा शुरू करने के लिए एक अच्छा प्रारंभिक बिंदु प्रदान करेगा।


  1. फ़्लटर, सर्वरलेस फ्रेमवर्क और अपस्टैश (रेडिस) के साथ फुलस्टैक सर्वरलेस ऐप - भाग 2

    इस ट्यूटोरियल श्रृंखला के भाग 2 में आपका स्वागत है। पहले भाग में, हमने देखा कि Upstash, Serverless Framework और Redis का उपयोग करके REST API कैसे बनाया जाता है। इस भाग में, हम अपने REST API समापन बिंदुओं का उपभोग करने के लिए, Flutter का उपयोग करके एक मोबाइल एप्लिकेशन बनाएंगे। आइए शुरू करें 🙃 सबस

  1. फ़्लटर, सर्वरलेस फ्रेमवर्क और अपस्टैश (REDIS) के साथ फुलस्टैक सर्वर रहित ऐप - भाग 1

    इस पोस्ट में, हम डेटा स्टोर करने के लिए फ़्लटर, सर्वरलेस फ्रेमवर्क, अपस्टैश और रेडिस के साथ एक सर्वर रहित मोबाइल एप्लिकेशन का निर्माण करेंगे। अपस्टैश क्या है? Upstash Redis के लिए एक सर्वर रहित डेटाबेस है। Upstash के साथ, आप प्रति-अनुरोध का भुगतान करते हैं। इसका मतलब है कि जब डेटाबेस उपयोग में नहीं

  1. सर्वर रहित और एज के लिए वैश्विक डेटाबेस

    हाल के वर्षों में, सर्वर रहित आर्किटेक्चर और एज कंप्यूटिंग अनुप्रयोग परिनियोजन के लिए बहुत लोकप्रिय हो रहे हैं। लेकिन एप्लिकेशन स्टेट और सर्वर रहित और/या एज फ़ंक्शन के अंदर डेटा संग्रहीत करना एक अलग कहानी है। कई कठिनाइयाँ हैं जैसे; डेटाबेस से कनेक्शन का प्रबंधन, कई स्थानों से डेटा को तेज़ एक्सेस के