कुकीज़ / हेडर से लोकल कैसे प्राप्त करें

हुक्स का उपयोग करना (अनुशंसित)

अधिकांश उपयोग मामलों के लिए, वर्तमान लोकल को useLocale हुक का उपयोग करके प्राप्त करना अनुशंसित है क्योंकि यह स्वचालित रूप से हल हो जाता है। यह Vue.js में useLocale कंपोज़ेबल की तरह काम करता है।

import { useLocale } from "next-intlayer";// या import { useLocale } from "react-intlayer";// या import { useLocale } from "vue-intlayer";ts;// क्लाइंट-साइड उपयोगconst { locale } = useLocale();

import { useLocale } from "next-intlayer";// या import { useLocale } from "react-intlayer";// या import { useLocale } from "vue-intlayer";ts;// क्लाइंट-साइड उपयोगconst { locale } = useLocale();

सर्वर कंपोनेंट्स के लिए, आप इसे इस प्रकार इम्पोर्ट कर सकते हैं:

import { useLocale } from "next-intlayer/server";const Test = () => {  const { locale } = useLocale();  return <>{locale}</>;};const Page = async ({ params }) => {  const { locale } = await params;  return (    <IntlayerServerProvider locale={locale}>      <Test />    </IntlayerServerProvider>  );};

import { useLocale } from "next-intlayer/server";const Test = () => {  const { locale } = useLocale();  return <>{locale}</>;};const Page = async ({ params }) => {  const { locale } = await params;  return (    <IntlayerServerProvider locale={locale}>      <Test />    </IntlayerServerProvider>  );};

एक useLocaleCookie हुक भी है जो केवल कुकी मान को हल करता है।

मैनुअल कुकी कॉन्फ़िगरेशन

आप कस्टम कुकी नाम इस प्रकार घोषित कर सकते हैं

import { type IntlayerConfig } from "intlayer";const config: IntlayerConfig = {  middleware: {    cookieName: "myCustomLocaleCookie", // डिफ़ॉल्ट 'intlayer-locale' है  },};export default config;

import { type IntlayerConfig } from "intlayer";const config: IntlayerConfig = {  middleware: {    cookieName: "myCustomLocaleCookie", // डिफ़ॉल्ट 'intlayer-locale' है  },};export default config;

इसे इस प्रकार पुनः प्राप्त करें

क्लाइंट-साइड

// डिफ़ॉल्ट कुकी नाम का उपयोग करते हुएconst locale = document.cookie  .split("; ")  .find((row) => row.startsWith("intlayer-locale="))  ?.split("=")[1];// कस्टम कुकी नाम का उपयोग करते हुएconst locale = document.cookie  .split("; ")  .find((row) => row.startsWith("myCustomLocaleCookie="))  ?.split("=")[1];

// डिफ़ॉल्ट कुकी नाम का उपयोग करते हुएconst locale = document.cookie  .split("; ")  .find((row) => row.startsWith("intlayer-locale="))  ?.split("=")[1];// कस्टम कुकी नाम का उपयोग करते हुएconst locale = document.cookie  .split("; ")  .find((row) => row.startsWith("myCustomLocaleCookie="))  ?.split("=")[1];

सर्वर-साइड (Next.js)

import { cookies } from "next/headers";// डिफ़ॉल्ट कुकी नाम का उपयोग करते हुएconst locale = cookies().get("intlayer-locale")?.value;// कस्टम कुकी नाम का उपयोग करते हुएconst locale = cookies().get("myCustomLocaleCookie")?.value;

import { cookies } from "next/headers";// डिफ़ॉल्ट कुकी नाम का उपयोग करते हुएconst locale = cookies().get("intlayer-locale")?.value;// कस्टम कुकी नाम का उपयोग करते हुएconst locale = cookies().get("myCustomLocaleCookie")?.value;

यदि locale अभी तक सेट नहीं है

locale केवल तभी कुकी के रूप में सेट होता है जब उपयोगकर्ता स्पष्ट रूप से locale का चयन करता है। डिफ़ॉल्ट रूप से, नए आगंतुकों के लिए, locale हेडर फ़ील्ड से व्याख्यायित किया जाता है।

आप अनुरोध हेडर से उपयोगकर्ता की पसंदीदा locale का पता लगा सकते हैं। यहाँ इसका प्रबंधन करने का एक उदाहरण है:

/** * अनुरोध हेडर से locale का पता लगाता है * * accept-language हेडर locale पहचान के लिए सबसे महत्वपूर्ण है। * इसमें भाषा कोड की एक सूची होती है जिनके साथ गुणवत्ता मान (q-मूल्य) होते हैं जो * उपयोगकर्ता की पसंदीदा भाषाओं को प्राथमिकता के क्रम में दर्शाते हैं। * * उदाहरण: "en-US,en;q=0.9,fr;q=0.8,es;q=0.7" * - en-US प्राथमिक भाषा है (q=1.0 निहित है) * - en दूसरी पसंद है (q=0.9) * - fr तीसरी पसंद है (q=0.8) * - es चौथी पसंद है (q=0.7) */import { localeDetector } from "@intlayer/core";/** * वे उदाहरण नेगोशिएटर हेडर जो ब्राउज़र आमतौर पर भेजते हैं * ये हेडर उपयोगकर्ता की पसंदीदा भाषा निर्धारित करने में मदद करते हैं */const exampleNegotiatorHeaders: Record<string, string> = {  "accept-language": "en-US,en;q=0.9,fr;q=0.8,es;q=0.7",  "accept":    "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8",  "user-agent":    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",};// उपयोग का उदाहरण:const detectedLocale = localeDetector(exampleNegotiatorHeaders);

/** * अनुरोध हेडर से locale का पता लगाता है * * accept-language हेडर locale पहचान के लिए सबसे महत्वपूर्ण है। * इसमें भाषा कोड की एक सूची होती है जिनके साथ गुणवत्ता मान (q-मूल्य) होते हैं जो * उपयोगकर्ता की पसंदीदा भाषाओं को प्राथमिकता के क्रम में दर्शाते हैं। * * उदाहरण: "en-US,en;q=0.9,fr;q=0.8,es;q=0.7" * - en-US प्राथमिक भाषा है (q=1.0 निहित है) * - en दूसरी पसंद है (q=0.9) * - fr तीसरी पसंद है (q=0.8) * - es चौथी पसंद है (q=0.7) */import { localeDetector } from "@intlayer/core";/** * वे उदाहरण नेगोशिएटर हेडर जो ब्राउज़र आमतौर पर भेजते हैं * ये हेडर उपयोगकर्ता की पसंदीदा भाषा निर्धारित करने में मदद करते हैं */const exampleNegotiatorHeaders: Record<string, string> = {  "accept-language": "en-US,en;q=0.9,fr;q=0.8,es;q=0.7",  "accept":    "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8",  "user-agent":    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",};// उपयोग का उदाहरण:const detectedLocale = localeDetector(exampleNegotiatorHeaders);