ရုပ်ပုံ- NGINX ဖြင့် File Extension မှတစ်ဆင့် routing request များပြုလုပ်ခြင်း

ဤပုံ၏ ရရှိနိုင်သော ဗားရှင်းများ

အောက်တွင် ဒေါင်းလုဒ်လုပ်နိုင်သော ရုပ်ပုံဖိုင်များသည် ဤဝက်ဘ်ဆိုက်ရှိ ဆောင်းပါးများနှင့် စာမျက်နှာများတွင် ထည့်သွင်းထားသော ရုပ်ပုံများထက် ချုံ့မှုနည်းပြီး ရုပ်ထွက်အရည်အသွေးမြင့်မားသည် - ထို့ကြောင့် အရည်အသွေးမြင့်မားပြီး bandwidth သုံးစွဲမှုကို လျှော့ချရန်အတွက် ဖိုင်အရွယ်အစားအတွက် ပိုမိုသင့်တော်အောင် ပြုလုပ်ထားသည်။

ပုံမှန်အရွယ်အစား (1,536 x 1,024)

• AVIF (73 KB)
• WebP (221 KB)
• JPEG (426 KB)

အရွယ်အစားကြီး (3,072 x 2,048)

• AVIF (146 KB)
• WebP (369 KB)
• JPEG (1015 KB)

အရွယ်အစား အလွန်ကြီးမား (4,608 x 3,072)

• AVIF (225 KB)
• WebP (616 KB)
• JPEG (1.8 MB)

အရွယ်အစား အလွန်ကြီး (6,144 x 4,096)

• AVIF (332 KB)
• WebP (937 KB)
• JPEG (2.8 MB)

ရယ်စရာကောင်းလောက်အောင် အရွယ်အစားကြီးမား (1,048,576 x 699,051)

• တင်နေတုန်းပဲ... ;-)

ပုံဖော်ပြချက်

ဤပုံသည် "NGINX နှင့် File Extension ကို အခြေခံ၍ တည်နေရာကို ယှဉ်တွဲပါ" ခေါင်းစဉ်ဖြင့် နည်းပညာဘလော့ဂ်ပို့စ်အတွက် ဖန်တီးထားသော ကျယ်ပြန့်သော၊ ရှုခင်းကို အခြေခံသည့် infographic ပုံဖြစ်သည်။ အလုံးစုံအရောင်ပေါင်းစပ်မှုမှာ မှောင်ပြာရောင်နှင့် စိမ်းပြာရောင်ဖြစ်ပြီး နောက်ခံတွင် သိမ်မွေ့သော gradient များနှင့် ကမ္ဘာလုံးဆိုင်ရာ ဝဘ်အသွားအလာကို အကြံပြုရန် မှိန်ဖျော့သော ကမ္ဘာ့မြေပုံပုံစံပါရှိသည်။ အပေါ်ဆုံးတွင် ကြီးမားသော၊ ရဲရင့်သော စာလုံးပုံစံသည် ခေါင်းစဉ်ကို ပြသထားပြီး "File Extension" နှင့် "NGINX" ဟူသော စကားလုံးများကို အစိမ်းရောင်ဖြင့် မီးမောင်းထိုးပြထားသောကြောင့် ခေါင်းစဉ်၏ ကျန်အပိုင်းများမှ ထင်ရှားသည်။

ဖွဲ့စည်းမှု၏အလယ်ဗဟိုတွင် NGINX ဆာဗာကိုကိုယ်စားပြုသော စတိုင်ကျသောအနက်ရောင်ဆာဗာတာဝါတစ်ခုရှိသည်။ ၎င်းတွင်တောက်ပသောအစိမ်းရောင်ညွှန်ပြမီးများနှင့် ရှေ့ဘက်တွင်အဖြူရောင်စာလုံး "N" ပါသောအစိမ်းရောင်စက်ဝိုင်းတံဆိပ်တစ်ခုပါ ၀ င်သောကြောင့်စနစ်၏လမ်းကြောင်းသို့မဟုတ်ထိန်းချုပ်မှုအမှတ်အဖြစ်ချက်ချင်းမှတ်မိနိုင်သည်။ ဆာဗာကိုပုံ၏အလျားလိုက်အလယ်ဗဟိုအထက်အနည်းငယ်တွင်ထားရှိသောကြောင့်အရာအားလုံးစီးဆင်းသည့်ဗဟိုချက်ကဲ့သို့ခံစားရသည်။

ဆာဗာ၏ ဘယ်ဘက်ခြမ်းတွင် "Images" ဟု အမည်ပေးထားသော အပြာရောင်ဖိုင်တွဲတစ်ခုရှိသည်။ ဖိုင်တွဲအတွင်းတွင် "JPG" နှင့် "PNG" ဟု အမည်ပေးထားသော ယေဘုယျစာရွက်စာတမ်းအိုင်ကွန်နှစ်ခုရှိပြီး တစ်ခုချင်းစီတွင် ရုပ်ပုံဖိုင်တစ်ခုကို ညွှန်ပြသည့် သေးငယ်သည့် ရုပ်ပုံသင်္ကေတတစ်ခုပါရှိသည်။ ဖိုင်တွဲသည် "Image Server" ဟု အမည်ပေးထားသော စင်မြင့်ပေါ်တွင် တည်ရှိပြီး ဤဖိုင်အမျိုးအစားများကို သီးသန့် backend မှ ကိုင်တွယ်ကြောင်း ညွှန်ပြသည်။ အပြာရောင်မြှားထူထူသည် ဗဟို NGINX ဆာဗာမှ ဤရုပ်ပုံဖိုင်တွဲဆီသို့ ညွှန်ပြနေပြီး ရုပ်ပုံတောင်းဆိုမှုများကို ထိုလမ်းကြောင်းအတိုင်း လမ်းကြောင်းပြောင်းထားကြောင်း မျက်မြင်အားဖြင့် ရှင်းပြထားသည်။

ညာဘက်ခြမ်းမှာ "Videos" လို့ အမည်ပေးထားတဲ့ တူညီတဲ့ လိမ္မော်ရောင် folder တစ်ခုပါ။ အထဲမှာတော့ "MP4" နဲ့ "AVI" လို့ အမည်ပေးထားတဲ့ document icon နှစ်ခု ရှိပြီး တစ်ခုချင်းစီမှာ play-button style symbol ရိုးရှင်းပါတယ်။ ဒီ folder ဟာ "Video Server" လို့ အမည်ပေးထားတဲ့ ခုံပေါ်မှာ တည်ရှိပါတယ်။ လိမ္မော်ရောင်မြှားတစ်ချောင်းက ဗဟို NGINX server ကနေ ဒီ folder ကို ညွှန်ပြနေပြီး ဘယ်ဘက်ခြမ်းကို ထင်ဟပ်စေပြီး မတူညီတဲ့ file extension တွေက မတူညီတဲ့ ဦးတည်ရာတွေကို ဦးတည်စေတယ်ဆိုတဲ့ အယူအဆကို ပိုမိုခိုင်မာစေပါတယ်။

ဗဟိုဆာဗာအောက်၊ ပုံ၏အောက်ခြေအနီးတွင် အင်တာနက် သို့မဟုတ် ကမ္ဘာလုံးဆိုင်ရာအသုံးပြုသူများကိုကိုယ်စားပြုသည့် လတ္တီတွဒ်နှင့်လောင်ဂျီတွဒ်မျဉ်းများပါသည့် ကမ္ဘာလုံးငယ်လေးတစ်ခုရှိသည်။ ကမ္ဘာလုံးရှေ့တွင် လက်ပ်တော့တစ်လုံးနှင့် စမတ်ဖုန်းတစ်လုံးရှိပြီး "အသုံးပြုသူတောင်းဆိုမှု" ဟု အတူတကွ အမည်တပ်ထားသည်။ အဖြူရောင်နှင့်လိမ္မော်ရောင်အစက်များသည် အသုံးပြုသူစက်ပစ္စည်းများမှ ဗဟို NGINX ဆာဗာသို့ အပေါ်သို့ကွေးသွားပြီး ဝင်လာသောတောင်းဆိုမှုများသည် NGINX သို့ ဦးစွာရောက်ရှိပြီးနောက် မည်သို့ဆက်လက်ပို့ဆောင်သည်ကို ပြသထားသည်။

အဝေးဆုံးနောက်ခံတွင်၊ ဘယ်ဘက်အစွန်းတွင်၊ မှောင်မိုက်ထဲသို့ ပျောက်ကွယ်သွားသော ဆာဗာများ၏ မြင့်မားသောစင်များရှိပြီး ဒေတာစင်တာ၏ လေထုကို ထည့်သွင်းထားသည်။ ညာဘက်ခြမ်းတွင်၊ ကမ္ဘာ့မြေပုံပုံစံသည် ဆက်လက်တည်ရှိနေပြီး စကေးနှင့် ချိတ်ဆက်မှု၏ အဓိပ္ပာယ်ကို အားဖြည့်ပေးသည်။ ဖွဲ့စည်းမှုသည် သန့်ရှင်းပြီး ပုံကြမ်းဆန်ပြီး တိကျသော configuration syntax ကို မှီခိုစရာမလိုဘဲ တစ်ချက်ကြည့်လိုက်ရုံဖြင့် နားလည်ရလွယ်ကူအောင် ဒီဇိုင်းထုတ်ထားသည်။ ၎င်းသည် အဓိကအယူအဆကို မြင်သာအောင် ဖော်ပြသည်- အသုံးပြုသူတောင်းဆိုမှုများသည် NGINX သို့ ရောက်ရှိလာပြီး ထို့နောက် ရုပ်ပုံဖိုင်များကို ရုပ်ပုံဆာဗာသို့ ပေးပို့ပြီး ဗီဒီယိုဖိုင်များကို ဖိုင် extension ကိုက်ညီမှုအပေါ် အခြေခံ၍ ဗီဒီယိုဆာဗာသို့ ပေးပို့သည်။

ပုံသည်- NGINX နှင့် ဖိုင်တိုးချဲ့မှုအပေါ် အခြေခံ၍ တည်နေရာကို ယှဉ်ပါ။