ကျွန်ုပ်တို့သည် nginx မှတစ်ဆင့် proxying ပြုလုပ်ခြင်းဖြင့် ကျွန်ုပ်တို့၏ Webogram ဥပမာကို မြှင့်တင်ပါသည်။

ဟေး ဟာဘ!

မကြာသေးမီက ကော်ပိုရိတ်ကွန်ရက်တစ်ခုတွင် အင်တာနက်အသုံးပြုခွင့်မပြည့်မီသော ကော်ပိုရိတ်ကွန်ရက်တစ်ခုတွင် အလုပ်လုပ်ရန် လိုအပ်သည့်အခြေအနေတစ်ခုတွင် ကျွန်ုပ်ကိုယ်တိုင်တွေ့ရှိခဲ့ပြီး ခေါင်းစဉ်မှ ခန့်မှန်းနိုင်သကဲ့သို့ Telegram သည် ၎င်းတွင် ပိတ်ဆို့ခံခဲ့ရပါသည်။ ဒီအခြေအနေကို တော်တော်များများ သိပြီးသားဖြစ်မှာ သေချာပါတယ်။

instant messenger တွေမပါဘဲ လုပ်လို့ရပေမယ့် အလုပ်အတွက် လိုအပ်တာက Telegram ပါ။ အလုပ်စက်တစ်ခုတွင် ကလိုင်းယင့်ကို ထည့်သွင်းရန် မဖြစ်နိုင်သလို ကိုယ်ပိုင်လက်ပ်တော့ကိုလည်း အသုံးပြုရန် မဖြစ်နိုင်ပါ။ အခြားဖြေရှင်းနည်းမှာ ၎င်းကိုအသုံးပြုပုံရသည်။ တရားဝင်ဝဘ်ဗားရှင်းဒါပေမယ့် သင်ခန့်မှန်းနိုင်သလို၊ အဲဒါကိုလည်း မရနိုင်ပါ။ တရားဝင်မဟုတ်သောမှန်ကိုရှာဖွေခြင်း၏ရွေးချယ်မှုကိုချက်ချင်းဖြတ်ပစ်လိုက်သည် (ရှင်းရှင်းလင်းလင်းအကြောင်းပြချက်များအတွက်မျှော်လင့်ပါတယ်) ။

ကံကောင်းစွာဖြင့်၊ Webogram သည် အရင်းအမြစ်ကုဒ်တွင် ရရှိနိုင်သည့် ပွင့်လင်းသော အရင်းအမြစ်ပရောဂျက်တစ်ခုဖြစ်သည်။ github ၎င်း၏စာရေးဆရာ (သူ့အတွက်ကျေးဇူးအများကြီးတင်ပါတယ်!)
တပ်ဆင်ခြင်းနှင့် စတင်ခြင်းကိုယ်တိုင်က မခက်ခဲသော်လည်း၊ Telegram ဆာဗာများသို့ ပိတ်ဆို့ထားသော ကွန်ရက်အတွင်း လည်ပတ်မှုအခြေအနေများတွင်၊ ဝဘ်ဗားရှင်းသည် အသုံးပြုသူ၏စက်မှ Telegram ဆာဗာများသို့ တောင်းဆိုမှုများကို ပေးပို့သောကြောင့် အောင်မြင်သည်ထက် သင် စိတ်ပျက်ဖွယ်ပိုများပါသည်။

ကံကောင်းစွာပဲ၊ ဒါက ရိုးရိုးရှင်းရှင်း (ဒါပေမယ့် သိပ်မသိသာပါဘူး) ပြုပြင်မှုတစ်ခုပါ။ ကျွန်ုပ်သည် ဤဖြေရှင်းချက်ကို ရေးသားသူမဟုတ်ကြောင်း သတိပေးလိုပါသည်။ ကျွန်တော် အဲဒါကို ရှာနိုင်ခဲ့တယ်။ အခက်မိုင်းနဲ့တူတဲ့ ပြဿနာကို ဆွေးနွေးတယ်။ github အသုံးပြုသူမှ အကြံပြုထားသော ဖြေရှင်းချက် tecknojockဒါပေမယ့်၊ အဲဒါက ကျွန်မကို အများကြီး အထောက်အကူ ဖြစ်စေတယ်၊ ​​တခြားတစ်ယောက်ယောက်ကို ကူညီပေးနိုင်တယ်ဆိုတာ သေချာတယ်၊ ဒါကြောင့် ဒီသင်ခန်းစာကို ရေးဖို့ ဆုံးဖြတ်လိုက်တယ်။

ဖြတ်တောက်မှုအောက်တွင် သင့် Webogram mirror ၏ အဆင့်ဆင့်သတ်မှတ်မှုနှင့် nginx ကို အသုံးပြု၍ Telegram ဆာဗာများသို့ ၎င်း၏တောင်းဆိုချက်များကို proxy ပေးပို့ခြင်းအား သင်တွေ့ရပါမည်။

ဥပမာအနေဖြင့်၊ ကျွန်ုပ်သည် အသစ်တပ်ဆင်ပြီး အသစ်ပြင်ဆင်ထားသော Ubuntu Server 18.04.3 ကို ရွေးချယ်ခဲ့သည်။

သတိပေးချက်: ဤသင်ခန်းစာတွင် nginx တွင် ဒိုမိန်းတစ်ခုသတ်မှတ်ခြင်းဆိုင်ရာ ညွှန်ကြားချက်များ မပါဝင်ပါ။ ဒါကို သင်ကိုယ်တိုင်လုပ်ရမယ်။ သင်ခန်းစာတွင် သင်သည် ssl ဖြင့် ဒိုမိန်းတစ်ခုကို configure လုပ်ထားပြီးဖြစ်ကြောင်းနှင့် ၎င်းကို configure လုပ်ရန် စီစဉ်ထားသည့် ဆာဗာကိုယ်တိုင်က Telegram ဆာဗာများသို့ ဝင်ရောက်ခွင့်ရှိသည် (သင်နှစ်သက်သည့်နည်းဖြင့်)၊

ဤဆာဗာ၏ ip သည် 10.23.0.3 ဖြစ်ပြီး ဒိုမိန်းအမည်မှာ mywebogram.localhost ဟု ယူဆကြပါစို့။

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

ရဲ့စတင်ရန်ကြစို့:

Webogram ကို run ရန် nodej များ လိုအပ်ပါသည်။ ပုံမှန်အားဖြင့်၊ ၎င်းကို Ubuntu repositories မှ install လုပ်ပါက၊ nodejs ဗားရှင်း 8.x ကို ရရှိပါမည်။ 12.x လိုအပ်သည်

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - 
sudo apt update && sudo apt -y install nodejs

ကျွန်ုပ်တို့၏ Webogram ကို အခြေခံမည့်နေရာကို ရွေးချယ်ပါ။

ဥပမာအားဖြင့်၊ ၎င်းကို home directory ၏ root တွင်ထားကြပါစို့။ ၎င်းကိုလုပ်ဆောင်ရန်၊ ကျွန်ုပ်တို့၏ဆာဗာတွင်တရားဝင်သိုလှောင်ထားသောနေရာအား ပုံတူပွားပါ-

cd ~ && git clone https://github.com/zhukov/webogram.git

နောက်တစ်ဆင့်မှာ အပလီကေးရှင်းကိုလည်ပတ်ရန် လိုအပ်သော မှီခိုမှုအားလုံးကို ထည့်သွင်းရန်ဖြစ်သည်-

cd webogram && npm install

စမ်းသုံးကြည့်ရအောင်။ အမိန့်ကိုဖွင့်ပါ

npm start

ထို့နောက် browser တွင်၎င်းကိုဖွင့်ရန်ကြိုးစားသည်။

 http://10.23.0.3:8000/app/index.html

ဤအချက်အထိ သင်သည် အရာအားလုံးကို မှန်ကန်စွာ လုပ်ဆောင်ပြီးပါက၊ Webogram ခွင့်ပြုချက် စာမျက်နှာပွင့်လာမည်ဖြစ်သည်။

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

sudo touch /lib/systemd/system/webogram.service

မည်သည့် တည်းဖြတ်မှုတွင်မဆို ဖွင့်ပြီး အောက်ပါပုံပန်းသဏ္ဍာန်ကို ပေးဆောင်ပါ (သင်၏ WorkDirectory သို့ သင့်လမ်းကြောင်းကို ရိုက်ထည့်ပါ)

[Unit]
Description=Webogram mirror
[Service]
WorkingDirectory=/home/tg/webogram
ExecStart=/usr/bin/npm start
SuccessExitStatus=143
TimeoutStopSec=10
Restart=on-failure
RestartSec=5
[Install]
WantedBy=multi-user.target

ထို့နောက် ကျွန်ုပ်တို့သည် အောက်ပါ command များကို လုပ်ဆောင်သည်။

အပြောင်းအလဲများကို ကျင့်သုံးခြင်း။

sudo systemctl daemon-reload

autorun ကိုဖွင့်ပါ-

sudo systemctl enable webogram.service

ဝန်ဆောင်မှုကို စလိုက်ရအောင်။

sudo systemctl start webogram.service

အဆင့်များပြီးပါက၊ Webogram ကို port 8000 တွင် ဆက်လက်ရရှိနိုင်မည်ဖြစ်သည်။

ကျွန်ုပ်တို့သည် nginx မှတစ်ဆင့် ကျွန်ုပ်တို့၏ Webogram သို့ဝင်ရောက်ခွင့်ကို စနစ်ထည့်သွင်းထားသောကြောင့်၊ ပြင်ပမှတောင်းဆိုမှုများအတွက် port 8000 ကို ပိတ်ပါမည်။

ဤအတွက် ကျွန်ုပ်တို့သည် udf utility ကို အသုံးပြုသည် (သို့မဟုတ် သင့်အတွက် အဆင်ပြေသည့် မည်သည့်နည်းလမ်းကိုမဆို):

sudo ufw deny 8000

သင်သည် udf ကို အသုံးပြုရန် ဆုံးဖြတ်ဆဲဖြစ်သော်လည်း ဆာဗာတွင် ပိတ်ထားပါက၊ စည်းမျဉ်းများ ထပ်ထည့်ပါ (အရာအားလုံး ကွဲမသွားစေရန်) နှင့် udf ကို ဖွင့်ပါ-

sudo ufw allow ssh
sudo ufw allow 80
sudo ufw allow 443
sudo ufw enable

ထို့နောက် nginx configuration ကို စတင်ပြောင်းလဲကြပါစို့။

အထက်တွင် ကျွန်ုပ်သတိပေးထားသည့်အတိုင်း၊ ssl ပါသော ဒိုမိန်းကို သင့်ဆာဗာတွင် ပြင်ဆင်ပြီးပြီဟု ယူဆပါသည်။ မှန်ကန်စွာအလုပ်လုပ်နိုင်စေရန် domain configuration file တွင် ထည့်သွင်းရမည့်အရာများကိုသာ သင့်အာရုံစိုက်စေမည်-

server {
...
  location ^~ /pluto/apiw1/ {
    proxy_pass https://pluto.web.telegram.org/apiw1/;
  }
  location ^~ /venus/apiw1/ {
    proxy_pass https://venus.web.telegram.org/apiw1/;
  }
  location ^~ /aurora/apiw1/ {
    proxy_pass https://aurora.web.telegram.org/apiw1/;
  }
  location ^~ /vesta/apiw1/ {
    proxy_pass https://vesta.web.telegram.org/apiw1/;
  }
  location ^~ /flora/apiw1/ {
    proxy_pass https://flora.web.telegram.org/apiw1/;
  }
  location ^~ /pluto-1/apiw1/ {
    proxy_pass https://pluto-1.web.telegram.org/apiw1/;
  }
  location ^~ /venus-1/apiw1/ {
    proxy_pass https://venus-1.web.telegram.org/apiw1/;
  }
  location ^~ /aurora-1/apiw1/ {
    proxy_pass https://aurora-1.web.telegram.org/apiw1/;
  }
  location ^~ /vesta-1/apiw1/ {
    proxy_pass https://vesta-1.web.telegram.org/apiw1/;
  }
  location ^~ /flora-1/apiw1/ {
    proxy_pass https://flora-1.web.telegram.org/apiw1/;
  }
  location ^~ /DC1/ {
    proxy_pass http://149.154.175.10:80/;
  }
  location ^~ /DC2/ {
    proxy_pass http://149.154.167.40:80/;
  }
  location ^~ /DC3/ {
    proxy_pass http://149.154.175.117:80/;
  }
  location ^~ /DC4/ {
    proxy_pass http://149.154.175.50:80/;
  }
  location ^~ /DC5/ {
    proxy_pass http://149.154.167.51:80/;
  }
  location ^~ /DC6/ {
    proxy_pass http://149.154.175.100:80/;
  }
  location ^~ /DC7/ {
    proxy_pass http://149.154.167.91:80/;
  }
  location ^~ /DC8/ {
    proxy_pass http://149.154.171.5:80/;
  }
 location / {
    auth_basic "tg";
    auth_basic_user_file /etc/nginx/passwd.htpasswd;
    proxy_pass http://localhost:8000/;
    proxy_read_timeout 90s;
    proxy_connect_timeout 90s;
    proxy_send_timeout 90s;
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $remote_addr;
  }
}

nginx config တွင်ကျွန်ုပ်တို့ထည့်သောအရာ။

• Webogram က တုံ့ပြန်သည့် port 8000 သို့ proxy တောင်းဆိုမှုများကို လုပ်ဆောင်ပေးမည့် root တည်နေရာကို ကျွန်ုပ်တို့ ပြောင်းလဲပါသည်။
• အခြေခံ-auth ကို အသုံးပြု၍ root တည်နေရာကို ကျွန်ုပ်တို့ ပိတ်ပါသည်။ ဤအရာသည် ကျွန်ုပ်တို့၏အပလီကေးရှင်းကို ဖောက်ထွက်နေသောမျက်လုံးများနှင့် ဘော့တ်များထံမှပိတ်ရန် ရိုးရှင်းသောသင်္ကေတအဆင့်ဖြစ်သည်။ (ပိတ်ဆို့ခြင်းပြဿနာများကို ရှောင်ရှားရန်)
• Telegram ဆာဗာရှိ proxy_path ပါရှိသော တည်နေရာအစုအဝေးများသည် ကျွန်ုပ်တို့၏တောင်းဆိုချက်များကို proxy ပေးမည့် ကျွန်ုပ်တို့၏အဆုံးမှတ်များဖြစ်သည်

နောက်ပြီး ဖိုင်တစ်ခုဖန်တီးကြည့်ရအောင် /etc/nginx/passwd.htpasswd;ထို့ကြောင့် nginx တွင် အသုံးပြုသူ စကားဝှက်များကို စစ်ဆေးရန် တစ်ခုခု ရှိသည်။

sudo apt install apache2-utils
sudo htpasswd -c /etc/nginx/passwd.htpasswd tg

nginx ကို ပြန်လည်စတင်ပါ။

sudo systemctl restart nginx

ယခု Webogram မှာသာ ရနိုင်ပါမည်။ mywebogram.localhost/app/index.html htpasswd command ကိုဖန်တီးသောအခါတွင်သင်သတ်မှတ်ထားသော login နှင့် password ပြီးနောက်ထည့်သွင်းပါ။

အနည်းငယ်သာကျန်တော့သည်- ကျွန်ုပ်တို့သည် ပရောဂျက်ကိုယ်တိုင်တွင် ပြောင်းလဲမှုအနည်းငယ် ပြုလုပ်ပါမည်။

တည်းဖြတ်သူတွင် ဖိုင်ကိုဖွင့်ပါ။ ~/webogram/app/js/lib/mtproto.js

၎င်း၏အစကို အောက်ပါပုံစံသို့ ယူဆောင်လာပါ။

/*!
 * Webogram v0.7.0 - messaging web application for MTProto
 * https://github.com/zhukov/webogram
 * Copyright (C) 2014 Igor Zhukov <[email protected]>
 * https://github.com/zhukov/webogram/blob/master/LICENSE
 */

angular.module('izhukov.mtproto', ['izhukov.utils'])

  .factory('MtpDcConfigurator', function () {
    var sslSubdomains = ['pluto', 'venus', 'aurora', 'vesta', 'flora']

    var dcOptions = Config.Modes.test
      ? [
        {id: 1, host: 'mywebogram.localhost/DC1',  port: 80},
        {id: 2, host: 'mywebogram.localhost/DC2',  port: 80},
        {id: 3, host: 'mywebogram.localhost/DC3', port: 80}
      ]
      : [
        {id: 1, host: 'mywebogram.localhost/DC4',  port: 80},
        {id: 2, host: 'mywebogram.localhost/DC5',  port: 80},
        {id: 3, host: 'mywebogram.localhost/DC6', port: 80},
        {id: 4, host: 'mywebogram.localhost/DC7',  port: 80},
        {id: 5, host: 'mywebogram.localhost/DC8',   port: 80}
      ]

    var chosenServers = {}

    function chooseServer (dcID, upload) {
      if (chosenServers[dcID] === undefined) {
        var chosenServer = false,
          i, dcOption

        if (Config.Modes.ssl || !Config.Modes.http) {
          var subdomain = sslSubdomains[dcID - 1] + (upload ? '-1' : '')
          var path = Config.Modes.test ? 'apiw_test1' : '/apiw1/'
          chosenServer = 'https://mywebogram.localhost/' + subdomain + path
          return chosenServer
        }
       for (i = 0; i < dcOptions.length; i++) {
          dcOption = dcOptions[i]
          if (dcOption.id == dcID) {
            chosenServer = 'http://' + dcOption.host + '/apiw1'
            break
          }
        }
        chosenServers[dcID] = chosenServer
      }
...
 

၎င်းပြီးနောက်၊ သင်သည် browser ရှိ application စာမျက်နှာကိုပြန်လည်စတင်ရန်လိုအပ်သည်။

သင့်ဘရောက်ဆာကွန်ဆိုးလ်ကိုဖွင့်ပြီး အပလီကေးရှင်း၏ကွန်ရက်တောင်းဆိုချက်များကိုကြည့်ပါ။ အရာအားလုံး အဆင်ပြေပြီး XHR တောင်းဆိုချက်များသည် သင့်ဆာဗာသို့ ရောက်သွားပါက၊ အားလုံးသည် မှန်ကန်စွာ လုပ်ဆောင်ပြီးဖြစ်၍ Webogram သည် ယခုအခါ nginx မှတစ်ဆင့် proxied ဖြစ်နေပါသည်။

ဒီသင်ခန်းစာက ကျွန်တော့်အပြင် အခြားတစ်ယောက်ယောက်အတွက် အသုံးဝင်မယ်လို့ မျှော်လင့်ပါတယ်။

အဆုံးထိဖတ်ပေးတဲ့သူတိုင်းကို ကျေးဇူးအများကြီးတင်ပါတယ်။

တစ်စုံတစ်ယောက်တွင် အခက်အခဲများရှိပါက သို့မဟုတ် အမှားအယွင်းများပါရှိခဲ့ပါက comment တွင်ဖြစ်စေ PM တွင်ဖြစ်စေ ဖြေကြားပေးခြင်းဖြင့် ဝမ်းမြောက်ဝမ်းသာ ဖြေကြားပေးမည်ဖြစ်ပါသည်။

source: www.habr.com