1. Webプログラムの仕組み
(1) Webという言葉の意味
ネットワーク：【コンピュータ】コンピュータネットワーク、ネットワーク
ウェブ: [コンピューター] World Wide Web (World Wide Web)、インターネット (インターネット)
Webプログラムは、その名の通り、Web上で動作するプログラムです。
(2) スタンドアロンプログラムの動作原理
スタンドアロン コンピューター、つまり、他のコンピューターに接続されておらず、ネットワークにも属していないコンピューター。例: 2 台の単一マシンA、B、 で X の実行結果を取得したい場合、プログラム X のみが A にインストールされています。 B 、B に X をインストールして実行する必要があります。 B コンピューターが多数ある場合は、それらを 1 台ずつインストールして実行する必要があります。相互に直接通信したり共同作業したりすることはできません。図1に示すように。
(3) クライアント/サーバープログラムの動作原理
AとBをネットワークに接続するなど、スタンドアロンコンピュータをネットワークに接続すると、AがBにサービスを提供するなど、それらの間でサービスを提供できます。 。一般的なサービスは、ファイル共有、FTPファイルのダウンロードなどです。サービスを提供する (応答する) コンピューターをサーバー (Server) と呼び、サービスを受け入れる (要求する) コンピューターをクライアント (Client) と呼び、ワークステーション (ワークステーション) とも呼ばれます。 ）。クライアント/サーバープログラムの動作原理を図2に示します。
サーバーとクライアントの役割を切り替えることができます。現時点では、コンピューターはサーバーとしてもクライアントとしてもサービスを提供できます。たとえば、コンピューター
Aが独自のフォルダー a を共有し、インターネット上で A を見つけた場合、a をダウンロードできます。 は、コンピューター自体にサービスを提供していることを意味します。が要求され、サービスが応答しました。 クライアント
/サーバー間のコンピューター間コラボレーションのこの方法は、C/Sメソッド、またはC/Sアーキテクチャと呼ばれます。 C/S
プログラムはサーバー側とクライアント側の2つの部分に分かれており、それぞれサーバーサイドプログラム（またはサービスプログラム）、クライアントプログラム（またはクライアントプログラム）と呼ばれます。クライアントプログラムの場合も、単体プログラムの配布と同様にクライアントごとにインストールする必要があり、非常に面倒です。ただし、クライアント プログラムをインストールすると、通信回線を介してサーバーと通信したり、サーバーを介して他のクライアントと通信したりすることができます。典型的な例は、図3に示すように、よく使用されるチャットプログラムQQです。
/サーバープログラムの仕組み クライアントのブラウザ
(Browser)を介してサーバーにリクエストを送信し、そのレスポンスの結果を受け取る場合、このときの連携メソッドをB/Sメソッドと呼びます。 B/S アーキテクチャ、その動作原理は図 4 に示されています:
現時点では、クライアントプログラムはブラウザであり、ブラウザのインストールはオペレーティングシステムのインストールとともに完了し、ユーザーによる追加のインストールは必要ありません。彼らにとって、B/S
B/S プログラムのメンテナンスが非常に便利になります。クライアント プログラムについて心配する必要がなく、サーバー プログラムのメンテナンスのみを行う必要があるためです。
(5)C/S、B/Sサーバーの構成 サーバーはサービスタスクを担当するマシンです。これらのサービス タスクは通常、専用のソフトウェアによって実行されます。一般に、特定のサービス機能を備えたサーバー ソフトウェアとそれが配置されているマシンを総称して XX サーバーと呼びます (XX は特定のサービスを表します)。これらのソフトウェアは 1 つのマシンに集中させることもできます (図 5 に示すように)。そのようなマシンは集中サーバーと呼ぶこともできますし、特定のマシンに単独で存在することもできます (図 6 に示すように)。 ) のように、マシンはスタンドアロン サーバーと呼ばれることがあり、複数のスタンドアロン サーバーがサーバー ファームまたはマトリックスを形成することがあります。 サービスタスクに応じて、いくつかの一般的なサーバーソフトウェアを表1に示します。 サーバーサイドスクリプト:サーバーサイドプログラミング言語で書かれたプログラム。 サーバーサイドプログラミング言語: PHP言語など、サーバーサイドでのみ実行され、サーバーによって解釈および実行されるプログラミング言語。 (6)B/Sプログラム作業の具体的なプロセス(写真7) (7)PHP プログラムの具体的な作業の流れ 具体的なプロセスは、Apache、PHP、およびブラウザ間の共同プロセスです: ユーザーがブラウザを通じてサーバーからPHPファイルをリクエストすると(アドレスバーにhttp://localhost/index.phpと入力するなど)、Apacheはブラウザによってリクエストされたファイルを検索します。サーバー上のユーザードキュメントリリースディレクトリPHPファイル、見つからない場合はエラーメッセージがブラウザに返され、そうでない場合は解釈と実行のためにPHPインタープリタに送信されます。そして、PHPインタプリタはPHPに応答します。ファイルは文法的に解析され、文法上のエラーが見つかった場合、エラーメッセージ(ブラウザが認識できるコードで表されます)がを介してブラウザに返されます。 Apache、それ以外の場合は、PHPプログラムが実行されます(これにはデータベースMySQLの操作が含まれる場合があります)、はPHPプログラムの実行結果を返します(以下のコードで表されます)。ブラウザは Apache を通じてブラウザに認識できます。ブラウザは返された結果を解釈して実行し、実行結果がブラウザ ウィンドウに表示されます。 ブラウザによってリクエストされたファイルがPHPファイルではなく、HTMLファイルまたはJavaScriptファイルの場合。プロセスは簡略化されます。Apacheは、ブラウザーによって要求されたJavaScriptファイルをサーバー上のユーザードキュメントリリースディレクトリで探します。見つからない場合は、エラーメッセージが表示されます。それ以外の場合は、ブラウザに返され、ブラウザは返された結果を解釈して実行し、実行結果がブラウザ ウィンドウに表示されます。
2. ブラウザの動作プロセス
(1)Webクライアント作業
どのアプリケーションシステムにも、ユーザーの操作を提供するインターフェース、つまりユーザーインターフェースが必要です。 B/S B/Sプログラムと対話するためのインターフェイス（インターフェース）です。その使命は次のとおりです:
A. ユーザーが入力したデータを収集する
B. ユーザーデータをサーバーに送信する C. サーバーから返された応答を受信します D. これらのコードを解釈して実行します ブラウザがユーザーに対してサーバーのエージェント(
(2)Webクライアントコード
ユーザーデータの収集に使用されるインターフェースの編成でも、サーバーからの命令を解釈して結果のインターフェースを形成する場合でも、すべて Web Web クライアント コードには、HTML 言語、JavaScript 言語、CSS、XML およびその他の言語が含まれます。
3.HTML (1)HTMLはじめに HTML: ハイパーテキストマークアップ言語、ハイパーテキストマークアップ言語。 20世紀80の終わりに、ティム・バーナーズ・リーはヨーロッパ素粒子物理学研究所(CERN: 欧州素粒子物理学研究所)で働いていました WWW ) の父は、研究を通じて人々の視覚処理がページに基づいていることを発見しました。そこで彼は、電子データはページ単位で表示されるべきだという結論に達しました。これを出発点として、彼はハイパーテキスト中心の管理方法を使用してインターネット上の情報を整理し、Web ページにアクセスして閲覧するための方法を提案しました。ハイパーテキスト マークアップ言語を確立し、ハイパーテキスト転送プロトコル (HTTP : ) を設計しました。 Hypertext Transport Protocol)、ハイパーリンク ファイルを取得するために使用されます。Uniform Resource Locator (URL: Uniform Resource Locator) を使用して、ネットワーク ファイル、サイト、またはサーバーを見つけます。 (2)HTML仕組み HTML は本質的にはプログラミング言語ではなく、マークアップ言語です。いわゆるマークは、一部の書籍ではラベルとも呼ばれます。オブジェクト指向の観点からは、ブラウザ オブジェクトの識別を意味します。これは、ブラウザ内のテキストや画像などのブラウザ サブオブジェクトのパフォーマンスや、ファイル間のリンクのタグを確立する方法を制御するために使用されます。これらのタグはテキスト形式のファイルに配置されます。プログラムの最大の違いは、それらを使用してオペレーティング システムまたはアプリケーション プログラムを制御し、特定のジョブを実行および完了できることです。ハイパーテキスト マークアップ言語ドキュメントは、どのオペレーティング システム上のどのブラウザで開いても同じ効果が得られるように、できる限り形式的である必要があります。 (3)HTMLの基本構造 A. バージョンステートメント、つまりプロローグ (プロローグ) B.Head（ヘッド） C.ボディ (ボディ) 
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
