Webサイト構築シリーズ(8) --- ローカル開発環境構築(WNMP)

関連シリーズ記事

Webサイト構築シリーズ(1) - Webサイトの基礎知識
Webサイト構築シリーズ(2) - ドメイン名、IPアドレス、URL、ポートの詳細説明
Webサイト構築シリーズ(3) - ネットワークプロトコル
Webサイト構築シリーズ(4) - WebサーバーApacheとNginx
ウェブサイト構築シリーズ (5) - フロントエンド開発言語 HTML、CSS、JavaScript
ウェブサイト構築シリーズ (6) - バックエンド開発言語 ウェブサイト
構築シリーズ (7) - よく使われるフロントエンドとバックエンドフレームワーク
Webサイト構築シリーズ(8) - ローカル開発環境構築(WNMP)

序文

この記事では、WNMP (Windows+Nginx+MySQL+PHP) 環境を例として取り上げます。

1. 準備作業

2. Nginxのインストール

  • (1) ダウンロードした Nginx インストール パッケージをターゲット ディレクトリに直接抽出し (インストール ディレクトリは自分で選択し、パスに中国語を含めないでください)、名前を Nginx に変更します
    ![2.png][3]

  • (2) Nginx ディレクトリに入り、Nginx.exe をダブルクリックして Nginx を起動するか、cmd を入力してコマンド start nginx を使用します (停止コマンドは nginx -s stop)。起動後、ブラウザに入って localhost (127.0.0.0.0.0) にアクセスします。 0.1) を実行すると、次のインターフェイスが表示されます。
    ![3.png][4]

3.MySQLのインストール

  • (1) インストール方法の選択 サーバーのみ
    ![4.png][5]

  • (2) フォローアップで特に指示がない場合は、そのまま次へお進みください。
    ![5.png][6]

  • (3) このステップは非常に重要です。必ず2番目のものを選択してください!
    ![6.png][7]

  • (4) root パスワードを入力し、自分で覚えておいてください
    ![7.png][8]

  • (5) デフォルトのままで十分ですが、黄色のビックリマークがある場合は名前の変更が必要です。
    ![8.png][9]

  • (6) 写真のように、クリック後はしばらくお待ちください。
    ![9.png][10]

  • (7) インストールが完了するまで、次の手順を直接実行します。
    ![10.png][11]

  • (8) インストールが成功したかどうかを確認し、インストールしたばかりの mysql コマンド ライン クライアントを開き、設定したばかりのパスワードを入力します。
    ![11.png][12]

  • (9) 以下のメッセージが表示されればインストール成功です。
    ![12.png][13]

4. PHPのインストールとNginxの設定

  • (1) 目的のディレクトリに解凍します。
    ![13.png][14]

  • (2) php.ini-development のコピーをコピーし、名前を php.ini に変更してインストール パスに置きます。
    ![14.png][15]

  • (3) php.ini を開き、次の内容を直接追加します。 extension_dir = "PHP インストール パス\ext"

cgi.fix_pathinfo=1
cgi.force_redirect = 0
fastcgi.impersonate = 1
cgi.rfc2616_headers = 1
extension_dir = "C:\software\wnmp\php\ext"

![15.png][16]

  • (4) cmd を開き、PHP インストール ディレクトリに入り (グローバルな実行を容易にするために、PHP 環境変数を直接設定することをお勧めします)、コマンド php-cgi.exe -b 127.0.0.1:9000 -c PHP インストール パスを実行します。実行後はこの cmd ウィンドウを閉じないでください。
php-cgi.exe -b 127.0.0.1:9000 -c C:\software\wnmp\php
  • (5) nginx.conf ファイルを変更し (Nginx インストール ディレクトリの conf フォルダーにあります。エラーを防ぐため、変更前にバックアップすることをお勧めします)、構成ファイル内で次の内容を見つけて、変更または追加します。
location / {
            root   html;
            index  index.html index.php index.htm;
            #这里添加index.php
        }

 location ~ \.php$ {
            root           html;
            fastcgi_pass   127.0.0.1:9000;
            fastcgi_index  index.php;
           # fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
           #这一部分前面的#号全部去掉,并将上面这一句改为下面这一句,否则会报运行PHP文件No 
           #input file specified错误
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
            include        fastcgi_params;
        }
  • (6) Nginx を再起動します このとき、HTML フォルダーに PHP ファイルを置くと、ブラウザから正常にアクセスできるようになり、完了です。

5. まとめ

開発環境のセットアップは単純なプロセスではなく、その過程で多くの問題が発生する可能性があります。初心者の場合は、取り返しのつかないエラーを防ぐために、仮想マシン上で数回試してみることをお勧めします。インストール プロセスは比較的面倒ですが、 , それはまだ簡単なものです。学習プロセス、この一連のチュートリアルは当面終了しましたが、学習プロセスはまだ終わっていません。この一連のチュートリアルは将来拡張される予定です。最後に、私は読者の皆さんにいくつか質問を残しておきます。あなた自身が解決できることを願っています。解決方法を学びましょう。

  • 質問 1: MySQL データベースを使用するにはどうすればよいですか?
  • 質問 2: サーバーのルート ディレクトリを変更するにはどうすればよいですか? (ヒント: この記事では、PHP ファイルを html ディレクトリに配置し、localhost 経由でアクセスします)
  • 質問 3: Linux システムで開発環境をセットアップするにはどうすればよいですか?
  • 質問 4: ローカル Web プロジェクトは、LAN 下のさまざまなデバイスへのアクセスをどのように実現しますか?
  • 質問 5: 自分のプロジェクトを自分のサーバーにデプロイして、アクセスできるようにしてみます (これは、最初に基本を学ぶ必要があるという前提で、決して短くない学習プロセスだと思います)
  • 質問 6: phpstudy と Pagoda Linux について理解する

おすすめ

転載: blog.csdn.net/weixin_53902288/article/details/132776964