Повишаваме нашия екземпляр на Webogram с прокси чрез nginx

Хей Хабр!

Наскоро се озовах в ситуация, в която беше необходимо да работя в корпоративна мрежа с непълен достъп до интернет и, както можете да се досетите от заглавието, Telegram беше блокиран в нея. Сигурен съм, че тази ситуация е позната на мнозина.

Мога да се справя без месинджъри, но Telegram ми трябваше за работа. Не беше възможно да се инсталира клиентът на работна машина, нито беше възможно да се използва личен лаптоп. Друго решение изглежда е да го използвате официална уеб версия, но както можете да се досетите, той също беше недостъпен. Веднага зачерквам опцията за търсене на неофициално огледало (надявам се по обясними причини).

За щастие, Webogram е проект с отворен код, чийто изходен код е наличен GitHub неговият автор (за което много му благодаря!)
Самото инсталиране и стартиране не е трудно, но в условия на работа в мрежа с блокиран достъп до сървърите на Telegram е по-вероятно да бъдете разочаровани, отколкото успешни, тъй като уеб версията изпраща заявки до сървърите на Telegram от машината на потребителя.

За щастие, това е доста проста (но не много очевидна) поправка. Бих искал да ви предупредя, че не съм автор на това решение. Успях да го намеря в клон, който обсъждаше подобен на моя проблем. Решение, предложено от потребител на github tecknojock, ми помогна много, но съм сигурен, че може да помогне и на някой друг, затова реших да напиша този урок.

Под изрезката ще намерите стъпка по стъпка настройка на вашето Webogram огледало и настройка на прокси сървърите му към сървърите на Telegram с помощта на nginx.

Като пример избрах прясно инсталиран и актуализиран Ubuntu Server 18.04.3.

Предупреждение: Този урок няма да включва инструкции за настройка на домейн в nginx. Трябва да направите това сами. Урокът предполага, че вече сте конфигурирали домейн с ssl и че самият сървър, на който планирате да го конфигурирате, има достъп до сървърите на Telegram (по какъвто начин желаете)

Да приемем, че ip на този сървър е 10.23.0.3, а името на домейна е mywebogram.localhost

Въз основа на тези конвенции ще дам примери за конфигурации. Не забравяйте да промените стойностите на вашите собствени.

Затова нека започнем:

За да стартираме Webogram, имаме нужда от 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

Ние избираме мястото, където ще бъде базирана нашата Webogram.

Например, нека го поставим в корена на началната директория. За да направите това, клонирайте официалното хранилище на нашия сървър:

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

Следващата стъпка е да инсталирате всички зависимости, необходими за стартиране на приложението:

cd webogram && npm install

Нека опитаме пробно изпълнение. Изпълнете командата:

npm start

След това се опитваме да го отворим в браузъра

 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

След това изпълняваме следните команди:

Прилагане на промените

sudo systemctl daemon-reload

Активиране на автоматично стартиране:

sudo systemctl enable webogram.service

Да започнем услугата:

sudo systemctl start webogram.service

След като изпълните стъпките, Webogram ще продължи да бъде достъпен на порт 8000.

Тъй като ще настройваме достъп до нашата Webogram чрез 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:

• Променяме основното местоположение, което ще прокси заявки към порт 8000, на който Webogram отговаря
• Затваряме основната локация с помощта на basic-auth. Това е чисто символична стъпка за затваряне на нашето приложение от любопитни очи и ботове. (А също и за да избегнете проблеми с блокирането)
• Куп местоположения с proxy_path на сървъра на Telegram са точно нашите крайни точки, през които ще проксираме нашите заявки

Също така, нека създадем файл /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