אנו מעלים את מופע ה-Webogram שלנו עם שרת proxy דרך nginx

היי הבר!

לאחרונה נקלעתי למצב בו היה צורך לעבוד בתוך רשת ארגונית עם גישה לא מלאה לאינטרנט וכפי שניתן לנחש מהכותרת, טלגרם נחסמה בה. אני בטוח שהמצב הזה מוכר לרבים.

אני יכול להסתדר בלי שליחים מיידיים, אבל זה היה טלגרם שהייתי צריך לעבודה. לא ניתן היה להתקין את הלקוח על מכונת עבודה, ולא ניתן היה להשתמש במחשב נייד אישי. נראה שפתרון אחר הוא להשתמש בו גרסת אינטרנט רשמית, אבל כפי שאתה יכול לנחש, זה גם לא היה זמין. אני חוצה מיד את האופציה של חיפוש מראה לא רשמית (אני מקווה מסיבות מובנות).

למרבה המזל, Webogram הוא פרויקט קוד פתוח שקוד המקור שלו זמין ב GitHub מחברו (על כך תודה רבה לו!)
ההתקנה וההשקה עצמה אינן קשות, עם זאת, בתנאי פעולה ברשת עם גישה חסומה לשרתי טלגרם, סביר יותר שתתאכזב מאשר תצליח, מכיוון שגרסת האינטרנט שולחת בקשות לשרתי טלגרם מהמחשב של המשתמש.

למרבה המזל, זהו תיקון פשוט למדי (אך לא מאוד ברור). אני רוצה להזהיר אותך שאני לא הכותב של הפתרון הזה. הצלחתי למצוא את זה סניף, שדנה בבעיה דומה לשלי. פתרון שהוצע על ידי משתמש github tecknojock, זה עזר לי מאוד, עם זאת, אני בטוח שזה יכול לעזור למישהו אחר, אז החלטתי לכתוב את המדריך הזה.

מתחת לגזרה תמצאו הגדרה שלב אחר שלב של מראה ה-Webogram שלכם והגדרה של העברת בקשות פרוקסי לשרתי טלגרם באמצעות nginx.

כדוגמה, בחרתי בשרת אובונטו 18.04.3 שהותקן ומעודכן לאחרונה.

Внимание: מדריך זה לא יכלול הוראות על הגדרת דומיין ב-nginx. אתה צריך לעשות זאת בעצמך. המדריך מניח שכבר הגדרת דומיין עם ssl, ושלשרת עצמו בו אתה מתכנן להגדיר אותו יש גישה לשרתי הטלגרם (בכל דרך שתרצה)

נניח שה-IP של שרת זה הוא 10.23.0.3, ושם הדומיין הוא mywebogram.localhost

בהתבסס על מוסכמות אלו, אתן דוגמאות לתצורות. אל תשכח לשנות את הערכים לשלך.

אז נתחיל:

כדי להפעיל את Webogram, אנחנו צריכים nodejs. כברירת מחדל, אם נתקין אותו ממאגרי אובונטו, נקבל את 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

אפשר הפעלה אוטומטית:

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, עליה מגיב וובוגרמה
• אנו סוגרים את מיקום השורש באמצעות 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.

אני מקווה שהמדריך הזה יהיה שימושי למישהו אחר מלבדי.

תודה רבה לכל מי שקרא עד הסוף.

אם למישהו יש קשיים או שעשיתי אי דיוקים, אשמח לענות ולנסות לעזור לכם בתגובות או ב-PM.

מקור: www.habr.com