あなたが訪れたウェブサイトの本質について話しましょう。ブラウザを使用（アドレスを入力）すると、ブラウザはまず設定した DNS サーバーにリクエストを送信し、DNS サーバーは Web サイトの実際の IP アドレスを返します。インターネットの IP アドレスは一意であるため、この IP に基づいて、コンピューターはこの IP によって提供されるパブリック リソース、特に一部の Web サイト ファイル (js、html、css、img) にアクセスできます。つまり、IP はコンピュータであり、要求は実際には別のコンピュータ上のファイルにアクセスすることです。
最後に、ヨーロッパとアメリカの国々はテクノロジーに対する理解を深めています。私たちの国よりも、ヨーロッパやアメリカの大学のウェブサイトにある公開情報やオープンコースを利用して、興味のあるものを見つけることができます。
サーバーとクライアント: これは最初に理解する必要がある概念です。現在表示されている Zhihu の Web サイトでは、コードとデータがサーバーに配置され、クライアントではブラウザー (IE、おそらく Firefox) が使用されます。 、たぶん、チョメ、要するに、それらはすべてブラウザです。ブラウザの機能は、サーバーにリクエストを送信し、リクエストの結果（応答）を受け取ることです。たとえば、Web サイト上のリンクやボタンをクリックすると、たとえば、Weibo を投稿する場合、サーバーに Weibo データを追加するだけです。追加されたコンテンツは、サーバーから要求されたものです。 。 php: サーバーはリクエストを受信した後、そのリクエストを理解して解析し、アクションを開始する必要があります。これらは、php コード、asp コードなどのコードです。サーバーには 23 種類の言語があり、これらの言語は、リクエストを行うと、対応するアプリケーション サーバー ソフトウェアによって認識され、リクエストが実行されます。そして、いくつかの画像、いくつかの HTML ファイル、CSS ファイル、および JavaScript スクリプトを返します。つまり、Web ページに必要なファイルがクライアントに返されると言えます。たとえば、前のリクエスト: Weibo データを Weibo データベースに追加する この時点で、サーバーはデータベースを操作し、データベースにレコードを追加する必要があります。それが成功すると、操作が完了したことを示す結果が返されます。成功した、など html、css: リクエスト結果がクライアントに返された後、これらのファイルを理解して解析できるのはブラウザだけであり、ブラウザは主に Web ページ内のコンテンツを参照してそれらを組み立て、CSS がコンテンツを変更します。テキストや画像など、一部の Web ページの植字、テキスト サイズ、背景色、動的効果は、返された js によって制御されます。このとき、サーバーから返された結果の内容を直感的に読み取ることができます。 javascript: 必ずしもすべてをサーバーにアクセスできるわけではなく、サーバー側も面倒に感じることがあります。このとき、JavaScript はブラウザーによって実行されるクライアント側のスクリプト コードです。つまり、神はあなたのために小さなことをすべてすぐにやってくれるので、サーバーにわざわざ行く必要はありません。たとえば、パスワードを入力すると、パスワードの形式が正しくない場合があります。入力して送信すると、js スクリプトが停止し、資格があるかどうかがサーバーに送信されます。資格がない場合は、資格がないことを通知するために直接電話をかけ直します。 js でできることはたくさんあり、Web ページを動的にします。 データベース: データベースはアーカイブとみなすことができます。すべてのデータはデータ サーバーのハードディスク内に整理され、データベース ソフトウェアにはアクセス、保存、削除を担当する多忙なファイル管理者もいます。データへのアクセス、保存、削除を担当する者もいます。バックアップやデータのセキュリティなどを担当します。サーバーなどの外部ソフトウェアは、追加、削除、変更、読み取りなどの「インターフェイス」チャネルを通じてデータベース上で一部のデータ操作を実行します。 xml: データには物理的な形式があります。これは、データが特定の構造で編成されていることを意味します。たとえば、コンピューターの世界の本質はデータの物理的な形式と見なすことができます。あらゆる種類のデータの構造と形式。データ形式 xml の利点は、第一に、多くのソフトウェアが認識すること、オープン形式であり、さまざまなソフトウェアとのデータ通信に XML を使用できること、第二に、読みやすく人間に適合することです。要件 読書習慣。プログラミング言語で直接操作することができ、比較的簡単にソフトウェアの設定ファイルとして使用されます。 DOM ノード: XML などのデータの組織形式であり、XML データはノード内にネストされたノードごとに形成されます。なぜノードがそれほど重要なのかというと、Web の基本的な HTML も偽装された XML データ形式だからです。 それらの多くはまだ厳密さが足りず、ばかげています。
これが Web サイトの仕組みです:
ユーザーのブラウザ (クライアント) はネットワーク (プロトコル) 経由で Web サイト サーバーにリクエストを送信し、サーバーはユーザーのリクエスト (およびコンテンツはネットワーク (プロトコル) を介してブラウザに送り返され、ブラウザはサーバーから送信された Web ページ (HTML 形式) を解釈、実行し、レンダリングします。エンド ユーザーには Web が表示されます。ページは次のようになります。
ネットワークプロトコル: http
クライアント: html (dom)、css、javascript、xml
サーバー: データベース、http-server
Long Chengliang は Web サイト プログラムの基本原理を非常によく説明しています
ここで付け加えておきますが、私の理解によれば、簡単に言うと、Web サイト = サーバー + ドメイン名 + Web サイト プログラムとリソースです。 Web サイトを構築するには、上記の 3 つの部分を準備する必要があります。
サーバーは、Web サイトのプログラムを保存し、Web サイトのプログラムを正常に実行できるようにするために使用されます。インターネットに接続されているコンピュータ。通常、このコンピュータの IP は固定されています (もちろん、動的 IP をサーバーとして使用できるソフトウェアもありますが、ここでは説明しません)。インターネット上の他のユーザーがサーバーのリソースを正確に見つけることができます。
ドメイン名。IP は覚えにくいため、ドメイン名を使用してサーバー IP を解決し、ポイントし、ドメイン名をサーバーにバインドします。これにより、サーバー上のリソースにアクセスできるようになります。覚えやすいドメイン名をドメイン名レジストラ Web サイトに登録して使用できます。たとえば、http://zhihu.com は、ドメイン名レジストラ http://godaddy に登録されています。 comに登録しました。
Web サイト プログラムは、Web サイトの機能を実装するために必要なプログラムとリソースの集合であり、Web サイトのプログラムとリソースはサーバーのハード ドライブに保存されます。
サーバーを購入し (小規模な Web サイトには仮想ホストまたは VPS を使用することもできます)、サーバー情報を構成します。
Web サイト プログラムを開発し、Web サイト プログラムを
ドメイン名登録業者の Web サイトにアクセスして登録しますhttp://zhihu.comこのドメイン名 (ドメイン名が他の人によって登録されている場合、そして本当にそれが必要な場合は、ドメイン名所有者に連絡してお金で購入することができます)、ドメイン名をサーバー IP に解決します。OK、次のように http://zhihu.com Web サイトが設定されました。次のステップは、それを宣伝し、運営することです。
補足すると、国内サーバーを使用している場合は、アクセスする前にドメイン名を登録する必要があります。別の口論: 現在の Web サイト登録システムは非常にイライラさせられ、異常です。
確かに、たくさんの疑問があります。ネットでたくさんの情報を調べました。しかし、多くの問題はまだ半分理解されています。 たとえば、コンピューターの仕組み。人を理解させることができる人はまだいます。 どんなに進歩したテクノロジーであっても、それを卑下するのではなく「人に優しい」ものであるべきだと思います。中国語版アドレス: >http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/#Resources
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
