🥇हामी nginx | मार्फत proxying को साथ हाम्रो वेबग्राम उदाहरण बढाउँछौं प्रोहोस्टर

हे हाबर!

भर्खरै मैले आफूलाई एउटा परिस्थितिमा भेट्टाएँ जसमा इन्टरनेटमा अपूर्ण पहुँचको साथ कर्पोरेट नेटवर्क भित्र काम गर्न आवश्यक थियो र, तपाईले शीर्षकबाट अनुमान लगाउन सक्नुहुन्छ, टेलिग्राम यसमा अवरुद्ध थियो। म पक्का छु कि यो अवस्था धेरैलाई परिचित छ।

म तत्काल सन्देशवाहक बिना गर्न सक्छु, तर यो टेलिग्राम थियो जुन मलाई कामको लागि आवश्यक थियो। कार्य मेसिनमा ग्राहक स्थापना गर्न सम्भव थिएन, न त व्यक्तिगत ल्यापटप प्रयोग गर्न सम्भव थियो। अर्को उपाय यो प्रयोग गर्न को लागी देखिन्छ आधिकारिक वेब संस्करण, तर तपाईं अनुमान गर्न सक्नुहुन्छ, यो पनि अनुपलब्ध थियो। म तुरुन्तै अनौपचारिक ऐना खोज्ने विकल्पलाई पार गर्छु (म स्पष्ट कारणहरूको लागि आशा गर्दछु)।

सौभाग्य देखि, वेबग्राम एक खुला स्रोत परियोजना हो जसको स्रोत कोड उपलब्ध छ github यसको लेखक (जसको लागि उहाँलाई धेरै धन्यवाद!)
स्थापना र सुरुवात आफैंमा गाह्रो छैन, यद्यपि, टेलिग्राम सर्भरहरूमा अवरुद्ध पहुँचको साथ नेटवर्क भित्र सञ्चालनको अवस्थाहरूमा, तपाइँ सफल भन्दा निराश हुनुहुनेछ, किनकि वेब संस्करणले प्रयोगकर्ताको मेसिनबाट टेलिग्राम सर्भरहरूमा अनुरोधहरू पठाउँदछ।

सौभाग्य देखि, यो एकदम सरल छ (तर धेरै स्पष्ट छैन) फिक्स। म तपाईंलाई चेतावनी दिन चाहन्छु कि म यो समाधानको लेखक होइन। मैले भित्र फेला पार्न सफल भएँ साखा, जसले मेरो जस्तै समस्याको बारेमा छलफल गर्यो। Github प्रयोगकर्ता द्वारा सुझाव गरिएको समाधान टेकनोजक, यसले मलाई धेरै मद्दत गर्यो, तथापि, म पक्का छु कि यसले अरू कसैलाई मद्दत गर्न सक्छ, त्यसैले मैले यो ट्यूटोरियल लेख्ने निर्णय गरें।

कट तल तपाईंले आफ्नो वेबग्राम मिररको चरण-दर-चरण सेटअप र nginx प्रयोग गरेर टेलिग्राम सर्भरहरूमा प्रोक्सी गर्ने सेटअप पाउनुहुनेछ।

उदाहरणको रूपमा, मैले भर्खरै स्थापित र अपडेट गरिएको Ubuntu सर्भर 18.04.3 रोजेको छु।

चेतावनी: यो ट्यूटोरियलले nginx मा डोमेन सेटअप गर्ने निर्देशनहरू समावेश गर्दैन। तपाई आफैले यो गर्न आवश्यक छ। ट्यूटोरियलले मान्दछ कि तपाईंले पहिले नै ssl सँग डोमेन कन्फिगर गरिसक्नुभएको छ, र तपाईंले यसलाई कन्फिगर गर्ने योजना बनाउनु भएको सर्भरमा टेलिग्राम सर्भरहरूमा पहुँच छ (तपाईंलाई मनपर्ने कुनै पनि तरिकामा)।

मानौं कि यो सर्भरको ip 10.23.0.3 हो, र डोमेन नाम mywebogram.localhost हो।

यी अधिवेशनहरूमा आधारित, म कन्फिगरेसनहरूको उदाहरण दिनेछु। आफ्नो आफ्नै मानहरू परिवर्तन गर्न नबिर्सनुहोस्।

त्यसो भए सुरू गरौं:

वेबग्राम चलाउन, हामीलाई नोडज चाहिन्छ। पूर्वनिर्धारित रूपमा, यदि हामीले यसलाई 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

यसलाई कुनै पनि सम्पादकमा खोल्नुहोस् र यसलाई निम्न रूप दिनुहोस् (कार्यनिर्देशिकामा तपाईंको मार्ग प्रविष्ट गर्नुहोस्)

[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

चरणहरू पूरा गरेपछि, वेबग्राम पोर्ट 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 कन्फिगरेसनमा के थप्छौं:

हामी रूट स्थान परिवर्तन गर्छौं, जसले पोर्ट 8000 मा प्रोक्सी अनुरोध गर्नेछ, जसमा वेबग्रामले जवाफ दिन्छ।
हामी आधारभूत-लेखन प्रयोग गरेर मूल स्थान बन्द गर्छौं। यो एक विशुद्ध सांकेतिक कदम हो जुन हाम्रो एप्लिकेसनलाई आँखा र बटहरूबाट बन्द गर्नको लागि हो। (र अवरुद्धको साथ समस्याहरूबाट बच्न पनि)
टेलिग्राम सर्भरमा 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

अब Webgram मा मात्र उपलब्ध हुनेछ 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 अनुरोधहरू तपाइँको सर्भरमा जान्छ भने, त्यसपछि सबै कुरा सही रूपमा गरिन्छ, र वेबग्राम अब nginx मार्फत प्रोक्सी गरिएको छ।

मलाई आशा छ कि यो ट्यूटोरियल म बाहेक अरू कसैलाई उपयोगी हुनेछ।

अन्त्यसम्म पढ्नुहुने सबैलाई धेरै धेरै धन्यवाद।

यदि कसैलाई कुनै कठिनाइ छ वा मैले कुनै त्रुटिहरू गरेको छु भने, म जवाफ दिन पाउँदा खुसी हुनेछु र टिप्पणी वा PM मा तपाईंलाई मद्दत गर्ने प्रयास गर्नेछु।

स्रोत: www.habr.com

हामी हाम्रो वेबोग्राम उदाहरण nginx मार्फत प्रोक्सीको साथ बढाउँछौं

एक टिप्पणी थप्न Отменить ответ