HUAWEI CLOUD クラウドサーバー評価｜フロントエンド開発学生がgreedy Snakeのデプロイを初体験！

序文

フロントエンドのクラスメートとして、私のスキルと日常業務は主にユーザー インターフェイスのデザインとインタラクションに重点が置かれており、サーバー製品に関連した経験は比較的浅いです。たまたま当社のHuawei Cloudが実施している評価活動を目にし、この機会にHuawei Cloud製品について学んでみようと思いました。迷わずHUAWEI CLOUDのクーポンを利用して購入し、実際に体験してみました。

この経験は私に新しい感覚を与えてくれたので、Huawei Cloudの優れたパフォーマンスと優れたユーザーエクスペリエンスを賞賛しなければなりません。次回の記事では、私の初めてのHUAWEI CLOUDの旅と、その旅で得た貴重な経験や感じたことをお伝えしたいと思います。この記事が、私と同じようにサーバー製品にあまり詳しくないフロントエンドの学生にとって貴重な参考になれば幸いです。今回はYunyaoクラウドサーバーLインスタンスを体験してきました

初期設定

なにしろ初めての経験なので、もちろん簡単なところから始めないといけません。確かに最初はたくさんのパラメータや設定を見るのは言葉の一言です＝「戸惑いました。今日は無事に完了することができました」この経験はブロガーのおかげです。主な兄弟であるQinghuasuoが、私を初めてのクラウド サーバーの旅を完了させてくれました。IT のベテランである Qinghuasuo が詳細な記事を書きました。ぜひ皆さんに読んでいただくことをお勧めします。私の兄弟が勧めているのは、パゴダのパネルの視覚化は、よりわかりやすく、私にとっては親しみやすいものになるでしょう。

購入後、独自のリソースで購入した製品を確認できます。クリックして製品を入力してください。

ステップ 1:サーバーのパスワードを設定する必要があります (Yunyaoyun サーバー L インスタンスを購入した後、サーバーのパスワードを設定し、安全に保管してください)。これは誰もが知っているはずです。

ステップ 2:セキュリティ グループを構成する
通常のアクセスを確保するには、セキュリティ グループの受信アクセス ルールを構成する必要があります。アプリケーションにアクセスするにはポート 8888、phpMyAdmin データベースにアクセスするにはポート 9090、MySQL データベースにアクセスするにはポート 3306 が必要です。このステップでは、彼が何を言っているのか理解できなくても問題ありません。忘れずに構成ルールをクリックして、次の 80、8888 を追加する必要があります。

パゴダパネルを初期化する

クラウド サーバーにログインし、sudo cat /credentials/password.txtコマンド ラインを実行して、Pagoda 管理インターフェイスのユーザー名とパスワードを取得します。クラウド サーバーにログインし、cd /www/server/panel && btpython tools.py panel passwd administratorコマンドを実行して管理者パスワードを直接設定することもできます。このうち「passwd」は管理者Administratorのパスワードです。取得後、サーバーの「概要」ページの「ミラー情報」にある「管理」をクリックし、管理画面にログインします。

ページにアクセスした後、アカウントをお持ちでない場合は、「登録」をクリックしてアカウントを登録できますが、これは難しくありません; アカウントを登録した後、ログインできます。

Nginxのインストール、プロジェクトのアップロード

初めて入力すると、いくつかのサービスをインストールするように求められます。独自のニーズがある場合は、必要に応じてそれらをインストールできます。HTML などの単純なデモをデプロイする場合は、Nginx と「インストール」をクリックします。インストールが完了するまで待ちます。

完了したら、左側のソフトウェア ストアをクリック = "nginx を検索 = 場所をクリック (ホーム ページに表示されるボタンを開きます) = "nginx = "html フォルダーに入ります。HTML ファイルをアップロードするだけです。ここでは、フロントエンド ミニゲーム コラムにスネーク ゲームを直接アップロードします。

nginx設定を変更する

左側の = "入力ボックスのファイルをクリックして/www/server/nginx/confジャンプに入り、nginx.confファイルを見つけてダブルクリックして開き、次のコードを完全にカバーします。

user  www www;
worker_processes auto;
error_log  /www/wwwlogs/nginx_error.log  crit;
pid        /www/server/nginx/logs/nginx.pid;
worker_rlimit_nofile 51200;

stream {
    
    
    log_format tcp_format '$time_local|$remote_addr|$protocol|$status|$bytes_sent|$bytes_received|$session_time|$upstream_addr|$upstream_bytes_sent|$upstream_bytes_received|$upstream_connect_time';
  
    access_log /www/wwwlogs/tcp-access.log tcp_format;
    error_log /www/wwwlogs/tcp-error.log;
    include /www/server/panel/vhost/nginx/tcp/*.conf;
}

events
    {
        use epoll;
        worker_connections 51200;
        multi_accept on;
    }

http
    {
        include       mime.types;
  #include luawaf.conf;

  include proxy.conf;

        default_type  application/octet-stream;

        server_names_hash_bucket_size 512;
        client_header_buffer_size 32k;
        large_client_header_buffers 4 32k;
        client_max_body_size 50m;

        sendfile   on;
        tcp_nopush on;

        keepalive_timeout 60;

        tcp_nodelay on;

        fastcgi_connect_timeout 300;
        fastcgi_send_timeout 300;
        fastcgi_read_timeout 300;
        fastcgi_buffer_size 64k;
        fastcgi_buffers 4 64k;
        fastcgi_busy_buffers_size 128k;
        fastcgi_temp_file_write_size 256k;
  fastcgi_intercept_errors on;

        gzip on;
        gzip_min_length  1k;
        gzip_buffers     4 16k;
        gzip_http_version 1.1;
        gzip_comp_level 2;
        gzip_types     text/plain application/javascript application/x-javascript text/javascript text/css application/xml;
        gzip_vary on;
        gzip_proxied   expired no-cache no-store private auth;
        gzip_disable   "MSIE [1-6]\.";

        limit_conn_zone $binary_remote_addr zone=perip:10m;
  limit_conn_zone $server_name zone=perserver:10m;

        server_tokens off;
        access_log off;

server
    {
        listen 80;
        server_name http;
        index index.html index.htm index.php;
        root  /www/server/nginx/html;

        #error_page   404   /404.html;
        #include enable-php.conf;

        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }

        location ~ .*\.(js|css)?$
        {
            expires      12h;
        }

        location ~ /\.
        {
            deny all;
        }

        access_log  /www/wwwlogs/access.log;
    }
include /www/server/panel/vhost/nginx/*.conf;
}

構成が完了したら、ホームページに戻って「nginx 管理」をクリックし、最初に構成をリロードしてから、nginx を再起動します。

結果を示す

再起動後、小さなプロジェクトに直接アクセスできるようになります。アドレスはサービスの IP です (パネルの IP も同じです) ポートは 80 で、書き込む必要はありません。次にファイル名を入力すると、アクセスできます。このような小規模なデモは正常に展開されました

今回のSnakeのクラウドサーバー導入を通じて、クラウドの便利さを実感しました。私はフロントエンド開発の学生としてサーバー分野に関わることはめったにありませんが、全体的なプロセス全体はそれほど面倒ではありません。この利便性は最新のクラウド プラットフォームの大きな利点であり、専門家がサーバーをより効率的に管理できるだけでなく、初心者にもフレンドリーな実践体験を提供します。導入全体をよりスムーズにするための支援と指導をしてくださった Qinghuasuo 兄弟に改めて感謝いたします。これは、技術コミュニティの重要性、相互支援と学習の雰囲気が私たちの共通の成長の鍵であることを改めて証明しています。最後に、この貴重な学習の機会を提供してくれた Huawei Cloud と CSDN の公式活動に非常に感謝しています。