ຕິດຕັ້ງ Nginx ດ້ວຍ Ngx_Pagespeed (Speed Optimization) ໃນ Debian ແລະ Ubuntu


ໃນບົດຂຽນສຸດທ້າຍຂອງພວກເຮົາ, ພວກເຮົາໄດ້ສະແດງວິທີການເລັ່ງການເຮັດວຽກຂອງ Nginx ກັບ Ngx_Pagespeed ໃນ CentOS 7. ໃນບົດແນະ ນຳ ນີ້, ພວກເຮົາຈະອະທິບາຍວິທີການຕິດຕັ້ງ Nginx ກັບ ngx_pagespeed ໃນລະບົບ Debian ແລະ Ubuntu ເພື່ອປັບປຸງການເຮັດວຽກຂອງເວັບໄຊທ໌ Nginx.

Nginx [ເຄື່ອງຈັກ x] ແມ່ນໂປແກຼມ HTTP ທີ່ເປີດແລະເປີດ, ເປັນທີ່ນິຍົມ ສຳ ລັບໃຫ້ຫລາຍເວັບໄຊທ໌ເທິງເວັບ: ເປັນທີ່ຮູ້ຈັກດີ ສຳ ລັບການເຮັດວຽກທີ່ມີປະສິດຕິພາບສູງແລະຄວາມ ໝັ້ນ ຄົງ ມັນຍັງເຮັດວຽກເປັນໂປແກຼມຕົວແທນດ້ານຫລັງ, ອີເມວທົ່ວໄປແລະເຊີຟເວີຕົວແທນ TCP/UDP, ແລະນອກຈາກນີ້ຍັງສາມາດ ນຳ ໃຊ້ເປັນດຸ່ນດ່ຽງການໂຫຼດ.

Ngx_pagespeed ແມ່ນໂມດູນ Nginx ທີ່ບໍ່ເສຍຄ່າແລະເປີດແຫຼ່ງທີ່ມີຈຸດປະສົງເພື່ອປັບປຸງຄວາມໄວຂອງສະຖານທີ່ຕ່າງໆພ້ອມທັງຫຼຸດເວລາໃນການໂຫຼດ ໜ້າ; ມັນຫຼຸດລົງເວລາທີ່ມັນໃຊ້ເວລາສໍາລັບຜູ້ໃຊ້ເພື່ອເບິ່ງແລະພົວພັນກັບເນື້ອຫາຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານ.

  • ສະຫນັບສະຫນູນ HTTPS ດ້ວຍການຄວບຄຸມ URL.
  • ການເພີ່ມປະສິດທິພາບຮູບພາບ: ການດຶງຂໍ້ມູນ meta-data, ການປັບຂະ ໜາດ ແບບເຄື່ອນໄຫວ, ການແນະ ນຳ.
  • CSS ແລະ JavaScript minification, concatenation, inlining and outlines.
  • ຊັບພະຍາກອນຂະ ໜາດ ນ້ອຍໃນສາຍ.
  • ການໂອນຮູບພາບແລະການໂຫຼດ JavaScript.
  • ການຂຽນຄືນ HTML.
  • ການຂະຫຍາຍຕະຫຼອດຊີວິດຂອງແຄດ.
  • ອະນຸຍາດໃຫ້ຕັ້ງຄ່າ ສຳ ລັບຫລາຍເຊີບເວີແລະອີກຫຼາຍໆເຄື່ອງ.

ຂັ້ນຕອນທີ 1: ການຕິດຕັ້ງ Nginx ຈາກແຫຼ່ງຂໍ້ມູນ

1. ການຕິດຕັ້ງ Nginx ກັບ ngx_pagespeed ຈາກແຫລ່ງທີ່ຕ້ອງການດັ່ງຕໍ່ໄປນີ້ຈະຕິດຕັ້ງຢູ່ໃນລະບົບ.

$ sudo apt-get install build-essential zlib1g-dev libpcre3 libpcre3-dev unzip

2. ຕໍ່ໄປ, ດາວໂຫລດເອກະສານແຫຼ່ງທີ່ມາຂອງ Nginx ລຸ້ນ ໃໝ່ ລ້າສຸດ (1.13.2 ໃນເວລາຂຽນນີ້) ໂດຍໃຊ້ ຄຳ ສັ່ງ wget ແລະສະກັດເອກະສານດັ່ງທີ່ເຫັນຢູ່ຂ້າງລຸ່ມ.

$ mkdir -p ~/make_nginx
$ cd ~/make_nginx
$ wget -c https://nginx.org/download/nginx-1.13.2.tar.gz
$ tar -xzvf nginx-1.13.2.tar.gz

3. ຕໍ່ໄປ, ເອົາເອກະສານແຫຼ່ງ ngx_pagespeed ແລະ unzip ໄຟລ໌ທີ່ບີບອັດແບບນີ້.

$ wget -c https://github.com/pagespeed/ngx_pagespeed/archive/v1.12.34.2-stable.zip
$ unzip v1.12.34.2-stable.zip

4. ຫຼັງຈາກນັ້ນຍ້າຍເຂົ້າໄປໃນໄດເລກະທໍລີ ngx_pagespeed ທີ່ບໍ່ຖືກດຶງແລະດາວໂຫລດຫ້ອງສະຫມຸດການເພີ່ມປະສິດທິພາບຂອງ PageSpeed ເພື່ອລວບລວມ Nginx ດັ່ງຕໍ່ໄປນີ້.

$ cd ngx_pagespeed-1.12.34.2-stable/
$ wget -c https://dl.google.com/dl/page-speed/psol/1.12.34.2-x64.tar.gz
$ tar -xvzf 1.12.34.2-x64.tar.gz

ຂັ້ນຕອນທີ 2: ຕັ້ງຄ່າແລະລວບລວມ Nginx ດ້ວຍ Ngx_Pagespeed

5. ຍ້າຍຕໍ່ໄປເຂົ້າໃນ nginx-1.13.2 ໄດເລກະທໍລີ, ແລະຕັ້ງຄ່າແຫຼ່ງ Nginx ໂດຍໃຊ້ ຄຳ ສັ່ງຕໍ່ໄປນີ້.

$ cd  ~/make_nginx/nginx-1.13.2
$ ./configure --add-module=$HOME/make_nginx/ngx_pagespeed-1.12.34.2-stable/ ${PS_NGX_EXTRA_FLAGS}

6. ຕໍ່ໄປ, ລວບລວມແລະຕິດຕັ້ງ Nginx ດັ່ງຕໍ່ໄປນີ້.

$ make
$ sudo make install

7. ຫຼັງຈາກທີ່ຂັ້ນຕອນການຕິດຕັ້ງ ສຳ ເລັດແລ້ວ, ກະລຸນາ ດຳ ເນີນ ຄຳ ສັ່ງດ້ານລຸ່ມເພື່ອສ້າງ symlinks ທີ່ ຈຳ ເປັນ ສຳ ລັບ Nginx.

$ sudo ln -s /usr/local/nginx/conf/ /etc/nginx
$ sudo ln -s /usr/local/nginx/sbin/nginx /usr/sbin/nginx

ຂັ້ນຕອນທີ 3: ການສ້າງເອກະສານຫນ່ວຍງານ Nginx ສຳ ລັບ SystemD

8. ນີ້, ທ່ານຈະຕ້ອງສ້າງເອກະສານຂອງ ໜ່ວຍ ງານ Nginx ດ້ວຍຕົນເອງເນື່ອງຈາກ systemd ແມ່ນລະບົບ init ໃນລຸ້ນ ໃໝ່ ຂອງລະບົບ Debian ແລະ Ubuntu

Fisrt, ສ້າງແຟ້ມເອກະສານ /lib/systemd/system/nginx.service.

$ sudo vi /lib/systemd/system/nginx.service

ຫຼັງຈາກນັ້ນດາວໂລດເອກະສານບໍລິການລະບົບ NGINX ວາງແຜ່ນການຕັ້ງຄ່າເອກະສານເຂົ້າໄປໃນແຟ້ມ.

[Unit]
Description=The NGINX HTTP and reverse proxy server
After=syslog.target network.target remote-fs.target nss-lookup.target

[Service]
Type=forking
PIDFile=/var/run/nginx.pid
ExecStartPre=/usr/sbin/nginx -t
ExecStart=/usr/sbin/nginx
ExecReload=/bin/kill -s HUP $MAINPID
ExecStop=/bin/kill -s QUIT $MAINPID
PrivateTmp=true

[Install]
WantedBy=multi-user.target

ບັນທຶກເອກະສານແລະປິດມັນ.

9. ດຽວນີ້, ເລີ່ມຕົ້ນໃຫ້ບໍລິການ nginx ໃນຊ່ວງເວລາ, ແລະໃຫ້ມັນເລີ່ມຕົ້ນໃນລະບົບໂດຍໃຊ້ ຄຳ ສັ່ງຂ້າງລຸ່ມນີ້.

$ sudo systemctl start nginx
$ sudo systemctl enable nginx

ສິ່ງ ສຳ ຄັນ: ຫຼັງຈາກເລີ່ມບໍລິການ Nginx, ທ່ານອາດຈະເຫັນຂໍ້ຜິດພາດດັ່ງທີ່ສະແດງຢູ່ ໜ້າ ຈໍຂ້າງລຸ່ມ.

systemd[1]: nginx.service: PID file /run/nginx.pid not readable (yet?) after start: No such file or directory 

ເພື່ອແກ້ໄຂມັນ, ໃຫ້ເປີດເອກະສານການຕັ້ງຄ່າ Nginx /etc/nginx/nginx.conf ແລະຕື່ມໃສ່ເສັ້ນທາງລຸ່ມນີ້.

#pid  logs/nginx.pid;
to
pid  /run/nginx.pid;

ສຸດທ້າຍໃຫ້ບໍລິການ nginx ເລີ່ມ ໃໝ່ ອີກຄັ້ງ.

$ sudo systemctl daemon-reload
$ sudo systemctl start nginx
$ sudo systemctl status nginx

ຂັ້ນຕອນທີ 4: ຕັ້ງຄ່າ Nginx ດ້ວຍ Pagespeed Module

10. ດຽວນີ້ Nginx ຖືກຕິດຕັ້ງແລະແລ່ນຢູ່ໃນລະບົບຂອງທ່ານ, ທ່ານຕ້ອງເປີດໃຊ້ໂມດູນ Ngx_pagespeed. ທຳ ອິດສ້າງໄດເລກະທໍລີທີ່ໂມດູນຈະເກັບຂໍ້ມູນ ສຳ ລັບເວັບໄຊທ໌ຂອງທ່ານແລະ ກຳ ນົດສິດທີ່ ເໝາະ ສົມໃນໄດເລກະທໍລີນີ້ດັ່ງຕໍ່ໄປນີ້.

$ sudo mkdir -p /var/ngx_pagespeed_cache
$ sudo chown -R nobody:nogroup /var/ngx_pagespeed_cache

11. ເພື່ອເປີດໃຊ້ໂມດູນ Ngx_pagespeed, ເປີດເອກະສານການຕັ້ງຄ່າ Nginx.

$ sudo vi /etc/nginx/nginx.conf

ຕື່ມໃສ່ແຖວການຕັ້ງຄ່າຕ່າງໆຂອງ Ngx_pagespeed ພາຍໃນ block server.

# Pagespeed main settings

pagespeed on;
pagespeed FileCachePath /var/ngx_pagespeed_cache;


# Ensure requests for pagespeed optimized resources go to the pagespeed
# handler and no extraneous headers get set.

location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
location ~ "^/ngx_pagespeed_static/" { }
location ~ "^/ngx_pagespeed_beacon" { }

ໝາຍ ເຫດ: ຖ້າທ່ານໄດ້ ນຳ ໃຊ້ໂຮດເສມືນແບບ Nginx ໃນເຊີຟເວີ, ເພີ່ມ ຄຳ ແນະ ນຳ ຕ່າງໆທີ່ໄດ້ລະບຸໄວ້ຂ້າງເທິງໃນແຕ່ລະ block server ເພື່ອໃຫ້ Ngx_pagespeed ຢູ່ໃນແຕ່ລະເວັບໄຊ.

ຕໍ່ໄປນີ້ແມ່ນຕົວຢ່າງທີ່ເຮັດວຽກຂອງແຟ້ມການຕັ້ງຄ່າ Nginx ກັບ Ngx_pagespeed ເປີດໃຊ້ງານໃນໂຮດຕິ້ງເສີຍໆໃນຕອນຕົ້ນ.

#user  nobody;
worker_processes  1;
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
pid   /run/nginx.pid;

events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';
    #access_log  logs/access.log  main;
    sendfile        on;
    #tcp_nopush     on;
    #keepalive_timeout  0;
    keepalive_timeout  65;
    #gzip  on;
    server {
        listen       80;
        server_name  localhost;
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
	# Pagespeed main settings
	pagespeed on;
	pagespeed FileCachePath /var/ngx_pagespeed_cache;
	# Ensure requests for pagespeed optimized resources go to the pagespeed
	# handler and no extraneous headers get set.
	location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
	location ~ "^/ngx_pagespeed_static/" { }
	location ~ "^/ngx_pagespeed_beacon" { }
	location / {
            root   html;
            index  index.html index.htm;
        }

        #error_page  404              /404.html;
        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}
        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}
        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }
    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;
    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}
    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;
    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;
    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;
    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}
}

ບັນທຶກແລະປິດແຟ້ມ.

12. ຫຼັງຈາກນັ້ນໃຫ້ກວດເບິ່ງວ່າ syntax ຂອງແຟ້ມການຕັ້ງຄ່າ Nginx ແມ່ນຜິດພາດໂດຍການກົດ ຄຳ ສັ່ງຂ້າງລຸ່ມ, ຖ້າມັນຖືກຕ້ອງ, ທ່ານຈະເຫັນຜົນໄດ້ຮັບດ້ານລຸ່ມ:

$ sudo nginx -t

nginx: the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok
nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful

13. ຫລັງຈາກນັ້ນກໍ່ຕັ້ງເຊີບເວີ Nginx ຄືນ ໃໝ່ ເພື່ອສົ່ງຜົນຕໍ່ການປ່ຽນແປງທີ່ຜ່ານມາ.

$ sudo systemctl restart nginx

ຂັ້ນຕອນທີ 5: ການທົດສອບ Nginx ກັບ Ngx_pagespeed

14. ຕອນນີ້ທົດສອບວ່າ Ngx-pagespeed ກຳ ລັງເຮັດວຽກຮ່ວມກັບ Nginx ໂດຍໃຊ້ ຄຳ ສັ່ງ cURL ຢູ່ດ້ານລຸ່ມ.

$ curl -I -p http://localhost

ຖ້າທ່ານບໍ່ເຫັນຫົວຂໍ້ຂ້າງເທິງ, ຫຼັງຈາກນັ້ນກັບໄປທີ່ຂັ້ນຕອນທີ 10 ແລະເອົາໃຈໃສ່ຜ່ານ ຄຳ ແນະ ນຳ ເພື່ອໃຫ້ Ngx-pagespeed ມີບາດກ້າວຕໍ່ໄປ.

Ngx-pagespeed Github repository: https://github.com/pagespeed/ngx_pagespeed

ຖ້າທ່ານຕ້ອງການຮັບປະກັນເຄື່ອງແມ່ຂ່າຍເວັບໄຊຕ໌ Nginx, ຫຼັງຈາກນັ້ນພວກເຮົາແນະ ນຳ ໃຫ້ອ່ານຜ່ານບົດແນະ ນຳ ທີ່ມີປະໂຫຍດນີ້: ຄູ່ມືສຸດທ້າຍໃນການຮັກສາຄວາມປອດໄພ, ຄວາມແຂງແຮງແລະປັບປຸງການເຮັດວຽກຂອງ Nginx.

ນັ້ນແມ່ນມັນ! ໃນບົດແນະ ນຳ ນີ້, ພວກເຮົາໄດ້ອະທິບາຍວິທີການຕິດຕັ້ງ Nginx ດ້ວຍ ngx_pagespeed ໃນ Debian ແລະ Ubuntu. ຖ້າທ່ານມີ ຄຳ ຖາມໃດສົ່ງໃຫ້ພວກເຮົາໂດຍໃຊ້ແບບຟອມ ຄຳ ເຫັນຂອງພວກເຮົາຂ້າງລຸ່ມນີ້.