nginx、先端のあなたはいくらですか?

14979 ワード

--今読んでいるあなたは、FEなら、あなたは純粋な絵ではないと信じています.逆に言えば、階段を上がるべきで、古い鉄!
先端の私たちは、もうページを作るだけでなく、スタイルを書くだけでなく、関連するサーバーの配置も必要です.余計なことを言わないで、下は先端の角度から以下のnginxの関連している使用を言います.
  • は、ウェブサービス
  • を開始してくれます.
  • は私達のnodejsのプロジェクトに逆エージェントを設定して、80ポートは
  • にアクセスします.
  • は私達のインターフェースに転送をします.
  • クロスドメイン要求
  • を設定する.
  • httpsサービスの要求インターフェース
  • を構成する.
    一、クラウドサーバに登録する
     
    まず、あなたはLinuxサーバーを持っていなければなりません.(あなたのコンピュータでローカルサービスを開始してもいいです.ここではこの紹介をしないで、私達が使っているのはクラウドサーバーです.)がないなら、関連のクラウドサービス実験室に行ってもいいです.https://edu.aliyun.com/lab/を選択しますと騰訊雲のhttps://cloud.tencent.com/developer/labs/gallery .次はアリ雲開放実験室のサーバーを取ってデモします.
     
    ログインサーバ:
     
    二、nginxのインストール(ソースコンパイルのインストール)
    1、nginxの取り付けに関する依存
    yum -y install gcc pcre pcre-devel zlib zlib-devel openssl openssl-devel
     
    2.nginxパッケージをダウンロードする
    wget http://nginx.org/download/nginx-1.15.8.tar.gz
     
    解凍:
    tar -zxvf nginx-1.15.8.tar.gz
     
     
    3.コンパイルインストール
    3.1、構成nginxインストールオプション
    ./configure --prefix=/usr/local/nginx
     
    3.2、コンパイルインストール
    make && make install
     
     
    3.3、起動、確認プロセス
    /usr/local/nginx/sbin/nginx 
    ps -ef | grep nginx
     
     
    ホームページを見て、inxの起動に成功しました.
     
    追加コマンド:
    /usr/local/inx/sbin/inx-t//inxプロファイルが文法的に正しいかどうかを確認します.
    //usr/local/nginx/sbin/nginx-s reload/再読み込みnginx構成
    //usr/local/inx/sbin/nginx-s stop/停止nginx
     
    私たちはnginxの基本的な構成を修正して、次のステップを行います.
    cd/usr/local/inx
    mkdir vhosts
    cd vhosts
    vim active.com
    escを押す
    を押してください.wqを保存して終了します.
    nginx.com nfを修正します
    vim/usr/local/nginx/nginx.co nf
    最後から二番目の行にinclude vhosts/*.confを追加します.
    (以上のinxの設置経路は、自分で自由に選択できます)、
     
    ⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️
    注意:以下の具体的なデモ例は、私個人のサーバーです.ドメイン名を使ってアクセスします.上の実験サーバの時間が長くて制限されています.多くの業務操作ができません.
    ====ここには基本的にinxの使用と拡張が配置されています.以下は私たちがinxを利用して機能を実現します.===
    三、nginxを使用する
    1、私達にあげる静的資源はwebサービスを開始します.
    vim/usr/local/inx/vhosts/active.co nfは、serverモジュールを書き込み、
    server  {
            listen 8008;
            server_name localhost;
            root /usr/myfile/dist;
            index index.html;
    }
     
    アクセス:
     
    2、インターフェース転送、ドメイン別要求
    server{
            server_name vue.wtodd.wang;
            charset utf-8;
            location /nodejsapi/ {
                proxy_pass http://localhost:5000/;
            }
     
    }
    実際のお願いhttp://localhost:5000/のインターフェースは、ドメイン名を要求するde/nodejsapi/下にプロキシされる.
    アクセス:
     
     
    3、他のポートで起動するnodejsプロジェクトの設定を逆代理で80ポートにアクセスする
    server	{
    	listen 80;
    	server_name csa.scampus.cn;
    	location / {
    		proxy_pass http://127.0.0.1:8000;
    	}
    }
    ページアクセス:
    実際のプロジェクトのアクセス先:
     
    4、httpsサービスを配置する要求インターフェース
    ここではhttps証明書の配置について触れました.ここではこの話題には触れません.https://help.aliyun.com/document_detail/28548.html?spm=a2c4g.11186623.6.556.31ae62aaoYIZQr アリ雲の無料https証明書です.この手順を参照してください.
    フロントエンドはなぜhttpsのサービスが必要なのかという人がいますが、WeChatアプリのサービスインターフェースはhttpsのを歩かなければなりません.私達はデモをします.自分で配置しないでください.バックグラウンドを探さないでください.
    server {
            listen       80;
            server_name  api.scampus.cn;
            rewrite ^ https://$http_host$request_uri? permanent;
    }
    server {
            listen 443;
            ssl_certificate /etc/nginx/ssl/alyca.pem;
            ssl_certificate_key /etc/nginx/ssl/alyca.key;
            server_name api.scampus.cn;
            ssl on;
            ssl_session_timeout 5m;
            ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
            ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
            ssl_prefer_server_ciphers on;
            location / {
                    proxy_pass http://localhost:4000/;
            }
    }
    アクセス:実際に住所を要求しました.
     
    httpsアクセスの住所を設定します.
     
     
    まとめ:
    ここでnginxは先端での使用はほんの一部です.例えば、ブロックを要求したり、apiバージョンの制御をしたりしますが、これらのアプリケーションは先端処理の範囲によって制限されています.
     
    ようこそ!