ჩვენ ვზრდით ჩვენს ვებოგრამის მაგალითს პროქსის საშუალებით nginx-ის საშუალებით

ჰეი ჰაბრ!

ცოტა ხნის წინ აღმოვჩნდი სიტუაციაში, როდესაც საჭირო იყო კორპორატიული ქსელის შიგნით მუშაობა ინტერნეტზე არასრული წვდომით და, როგორც სათაურიდან მიხვდით, მასში Telegram იყო დაბლოკილი. დარწმუნებული ვარ, ეს სიტუაცია ბევრისთვის ნაცნობია.

მე შემიძლია მყისიერი მესინჯერების გარეშე, მაგრამ ეს იყო Telegram, რომელიც მჭირდებოდა სამუშაოდ. ვერ მოხერხდა კლიენტის დაყენება სამუშაო მანქანაზე და არც პერსონალური ლეპტოპის გამოყენება. მეორე გამოსავალი, როგორც ჩანს, არის მისი გამოყენება ოფიციალური ვებ ვერსია, მაგრამ როგორც მიხვდით, ის ასევე მიუწვდომელი იყო. მე მაშინვე გადავკვეთე არაოფიციალური სარკის ძებნის ვარიანტს (იმედი მაქვს გასაგები მიზეზების გამო).

საბედნიეროდ, Webogram არის ღია კოდის პროექტი, რომლის წყაროს კოდი ხელმისაწვდომია გითუბი მისი ავტორი (რისთვისაც დიდი მადლობა მას!)
თავად ინსტალაცია და გაშვება არ არის რთული, თუმცა, Telegram სერვერებზე დაბლოკილი წვდომის მქონე ქსელში მუშაობის პირობებში, თქვენ უფრო მეტად იმედგაცრუებული იქნებით, ვიდრე წარმატებული, რადგან ვებ ვერსია აგზავნის მოთხოვნებს Telegram სერვერებზე მომხმარებლის აპარატიდან.

საბედნიეროდ, ეს არის საკმაოდ მარტივი (მაგრამ არა ძალიან აშკარა) გამოსწორება. მინდა გაგაფრთხილოთ, რომ მე არ ვარ ამ გადაწყვეტის ავტორი. მე მოვახერხე მისი პოვნა ფილიალი, რომელიც განიხილავდა ჩემს მსგავს პრობლემას. გადაწყვეტა შემოთავაზებული github მომხმარებლის მიერ ტექნოჟოკი, ძალიან დამეხმარა, თუმცა დარწმუნებული ვარ, რომ სხვასაც შეუძლია, ამიტომ გადავწყვიტე დამეწერა ეს გაკვეთილი.

ჭრილის ქვემოთ ნახავთ თქვენი Webogram სარკის ნაბიჯ-ნაბიჯ დაყენებას და მისი მოთხოვნების პროქსის დაყენებას Telegram სერვერებზე nginx-ის გამოყენებით.

მაგალითად, მე ავირჩიე ახლად დაინსტალირებული და განახლებული Ubuntu სერვერი 18.04.3.

გაფრთხილება: ეს გაკვეთილი არ შეიცავს ინსტრუქციას nginx-ში დომენის დაყენების შესახებ. თქვენ თვითონ უნდა გააკეთოთ ეს. გაკვეთილი ვარაუდობს, რომ თქვენ უკვე გაქვთ კონფიგურირებული დომენი ssl-ით და რომ თავად სერვერს, რომელზედაც აპირებთ მის კონფიგურაციას, აქვს წვდომა Telegram-ის სერვერებზე (თქვენი სურვილისამებრ)

დავუშვათ, რომ ამ სერვერის IP არის 10.23.0.3, ხოლო დომენის სახელია mywebogram.localhost

ამ კონვენციებზე დაყრდნობით, მე მოვიყვან კონფიგურაციის მაგალითებს. არ დაგავიწყდეთ მნიშვნელობების შეცვლა.

ასე რომ, დავიწყოთ:

ვებოგრამის გასაშვებად, ჩვენ გვჭირდება nodejs. ნაგულისხმევად, თუ მას Ubuntu-ს საცავებიდან დავაინსტალირებთ, მივიღებთ 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

ჩვენ ვირჩევთ ადგილს, სადაც დაფუძნდება ჩვენი ვებოგრამა.

მაგალითად, მოდით განვათავსოთ ის მთავარი დირექტორიაში. ამისათვის კლონირეთ ოფიციალური საცავი ჩვენს სერვერზე:

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

შემდეგი ნაბიჯი არის აპლიკაციის გასაშვებად საჭირო ყველა დამოკიდებულების დაყენება:

cd webogram && npm install

მოდით ვცადოთ ტესტირება. გაუშვით ბრძანება:

npm start

ამის შემდეგ, ჩვენ ვცდილობთ მისი გახსნა ბრაუზერში

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

თუ ამ მომენტამდე ყველაფერი სწორად გააკეთეთ, გაიხსნება ვებოგრამის ავტორიზაციის გვერდი.

ახლა ჩვენ უნდა დავაკონფიგურიროთ აპლიკაცია, რომ იმუშაოს როგორც სერვისი. ამისათვის შევქმნათ ფაილი

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

შემდეგ ჩვენ ვასრულებთ შემდეგ ბრძანებებს:

ცვლილებების გამოყენება

sudo systemctl daemon-reload

ჩართეთ autorun:

sudo systemctl enable webogram.service

დავიწყოთ სერვისი:

sudo systemctl start webogram.service

ნაბიჯების დასრულების შემდეგ, Webogram კვლავ იქნება ხელმისაწვდომი 8000 პორტზე.

ვინაიდან ჩვენ დავამყარებთ წვდომას ჩვენს ვებოგრამაზე nginx-ის საშუალებით, ჩვენ დავხურავთ 8000 პორტს გარედან მოთხოვნისთვის.

ამისათვის ჩვენ ვიყენებთ udf პროგრამას (ან თქვენთვის მოსახერხებელ მეთოდს):

sudo ufw deny 8000

თუ მაინც გადაწყვეტთ udf-ის გამოყენებას, მაგრამ ის გამორთულია სერვერზე, დაამატეთ მეტი წესები (რომ ყველაფერი არ დაიშალოს) და ჩართეთ udf:

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

შემდეგი, დავიწყოთ nginx კონფიგურაციის შეცვლა.

როგორც ზემოთ გავაფრთხილე, ვარაუდობენ, რომ ssl დომენი უკვე კონფიგურირებულია თქვენს სერვერზე. მე მხოლოდ თქვენს ყურადღებას გავამახვილებ იმაზე, თუ რა უნდა დაემატოს დომენის კონფიგურაციის ფაილს, რომ სწორად იმუშაოს:

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 კონფიგურაციას:

• ჩვენ ვცვლით root მდებარეობას, რომელიც პროქსი ითხოვს პორტს 8000, რომელზეც ვებოგრამა პასუხობს
• ჩვენ ვხურავთ root მდებარეობას basic-auth-ის გამოყენებით. ეს არის წმინდა სიმბოლური ნაბიჯი ჩვენი აპლიკაციის დახურვისთვის ცნობისმოყვარე თვალებისგან და ბოტებისგან. (და ასევე დაბლოკვის პრობლემების თავიდან ასაცილებლად)
• ტელეგრამის სერვერზე proxy_path-ის მქონე ლოკაციების მთელი რიგი არის ზუსტად ჩვენი ბოლო წერტილები, რომლებითაც ჩვენ მოვახდენთ ჩვენს მოთხოვნებს.

ასევე, შევქმნათ ფაილი /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 ბრძანების შექმნისას.

ცოტა დარჩა: თავად პროექტში მცირე ცვლილებებს შევიტანთ.

გახსენით ფაილი რედაქტორში ~/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
      }
...
 

ამის შემდეგ, თქვენ უნდა განაახლოთ აპლიკაციის გვერდი ბრაუზერში.

გახსენით თქვენი ბრაუზერის კონსოლი და გადახედეთ აპლიკაციის ქსელის მოთხოვნებს. თუ ყველაფერი მუშაობს და XHR მოთხოვნები მიდის თქვენს სერვერზე, მაშინ ყველაფერი სწორად კეთდება და Webogram ახლა პროქსიირებულია nginx-ის საშუალებით.

იმედი მაქვს, რომ ეს გაკვეთილი ჩემს გარდა სხვასაც გამოადგება.

დიდი მადლობა ყველას ვინც ბოლომდე წაიკითხა.

თუ ვინმეს რაიმე უჭირს ან რაიმე უზუსტობა დავუშვი, სიამოვნებით გიპასუხებთ და ვეცდები დაგეხმაროთ კომენტარებში ან პმ-ში.

წყარო: www.habr.com