আপনি যখন আপনার ব্রাউজারে কোনও ওয়েবসাইট ব্রাউজ করেন তখন ঠিক কী ঘটে?


64

যখন আমরা একটি ব্রাউজারে www.cnn.com টাইপ করি তখন পর্দার আড়ালে কী ঘটে এবং কীভাবে তথ্য স্ক্রিনে প্রদর্শিত হয়?

একটি প্রযুক্তিগত ব্যাখ্যা খুব প্রশংসা করা হবে।


একটি দুর্দান্ত প্রযুক্তিগত ব্যাখ্যা এই বইটিতে পাওয়া যাবে: কম্পিউটার নেটওয়ার্কিং: একটি টপ-ডাউন অ্যাপ্রোচ 6th ষ্ঠ সংস্করণ (লিঙ্ক: বই )। (পৃষ্ঠা 495-500) তারা যথেষ্ট পরিমাণে বিশদে যায়; কম্পিউটার ব্রাউজারে ব্যবহারকারীদের ব্রাউজারে প্রদর্শিত না হওয়া অবধি যা ঘটে তা থেকে শুরু করে। এই স্লাইডগুলির সেটটিতে বইটিতে যা উল্লেখ করা হয়েছে তার স্বাদ পেতে পারেন। (লিঙ্ক: 88 থেকে 95 স্লাইড )
স্লোথ ওয়ার্কস

আপনি এখানে বিশদ তথ্য পেতে পারেন: github.com/vasanthk/how-web-works বা সেখানে html5rocks.com/en/tutorials/internals/howbrowserswork
মেমস

উত্তর:


134

ব্রাউজার: "ঠিক আছে, সুতরাং, আমার কাছে এই ঠিকানাটির জন্য একজন ব্যবহারকারী অনুরোধ করছেন: www.cnn.com I আমি বুঝতে পারি যেহেতু কোনও স্ল্যাশ বা কিছুই নেই, এটি একটি মূল পৃষ্ঠার প্রত্যক্ষ অনুরোধ There এছাড়াও কোনও প্রোটোকল বা পোর্টও সংজ্ঞায়িত হয়নি, সুতরাং আমি ধরে নিব এটি এইচটিটিপি এবং ৮০ বন্দর যাব ... ওহ ভাল, প্রথমে প্রথমে জিনিস। আরে ডিএনএস, পাল, জাগো! এই www.cnn.com কোথায় লুকিয়ে আছে? "

ডিএনএস: "ঠিক আছে ... এক সেকেন্ড অপেক্ষা করুন, আমি আইএসপি সার্ভারগুলি জিজ্ঞাসা করব Ok ঠিক আছে, এটি 157.166.226.25 এর মতো দেখাচ্ছে" "

ব্রাউজার: "ঠিক আছে। আপনার পালা! ইন্টারনেট প্রোটোকল স্যুট! 157.166.226.25 কল করুন, দয়া করে তাদের এই এইচটিটিপি হেডারটি প্রেরণ করুন It's এটি তাদের মূল পৃষ্ঠার মূল কাঠামো এবং বিষয়বস্তুর জন্য জিজ্ঞাসা করছে যাতে আমি কী জানি আরও কী জানি ... ওহ ভাল, আমি মনে করি না যে আপনি এই সম্পর্কে যত্নবান হবেন। "

টিসিপি / আইপি: "আপনি আমার পালা মানে কী ? ডিএনএস-এর জন্য আমি ঠিক আমার পিছনে কাজ করছি না? Godশ্বর, এখানে কিছুটা প্রশংসা পেতে কী লাগে?"

ব্রাউজার: ...

টিসিপি / আইপি: "হ্যাঁ, হ্যাঁ ... সংযুক্ত হচ্ছে ... আমি কেবল ফটকটি ফরোয়ার্ড করার জন্য বলব You আপনি জানেন, এটি এত সহজ নয়, আমাকে আপনার সুন্দর অনুরোধটি একাধিক অংশে ভাগ করতে হবে সুতরাং এটি শেষ অবধি পৌঁছেছে এবং আমি যে হাজার হাজার প্যাকেজ পেয়েছি সেগুলি থেকে তারা ফিরে পাঠানো কোনও জিনিস একত্রিত করে ... আহ, ঠিক আছে, আপনার কোনও যত্ন নেই Fig

এদিকে, সিএনএন সদর দফতরে, একটি বার্তা শেষ পর্যন্ত ওয়েব সার্ভারের দরজায় এসে পৌঁছে।

সিএনএন ওয়েব সার্ভার: "এনজিউôô! একজন গ্রাহক! তিনি সংবাদ চান! প্রথম পৃষ্ঠা! এটি কেমন?"

সিএনএন সার্ভার সাইড স্ক্রিপ্ট ইঞ্জিন: "ঠিক আছে, কাজ করবে! প্রথম পৃষ্ঠা, ডান?"

সিএনএন ডাটাবেস সার্ভার: "ইয়ে! আমার জন্য কাজ কর! আপনার কোন সামগ্রীর প্রয়োজন?"

সিএনএন সার্ভার সাইড স্ক্রিপ্ট ইঞ্জিন: "... ওম, সরি স্ক্রিপ্ট ইঞ্জিন , আমার ক্যাশে এখানে ঠিক প্রথম পৃষ্ঠার একটি অনুলিপি আছে, কিছু সংকলন করার দরকার নেই। তবে আরে, এই ব্যবহারকারীর আইডি নিন এবং এটি সংরক্ষণ করুন, আমি এটি প্রেরণ করব গ্রাহকের কাছেও, সুতরাং আমরা জানি আমরা পরে কার সাথে কথা বলছি।

সিএনএন ডাটাবেস সার্ভার: "ইয়ে!"

ব্যবহারকারীর কম্পিউটারে ফিরে ...

টিসিপি / আইপি: "ওউওকে, এখানে উত্তর এসেছে। ওহে ছেলে, আমার কেন এমন বোধ হয় যে এটি বড় হবে ..."

ব্রাউজার: "ওহ, বাহ ... এতে জাভাস্ক্রিপ্টের সব ধরণের কোড রয়েছে ... চিত্রের গুচ্ছ, বেশ কয়েকটি ফর্ম ... ঠিক আছে, রেন্ডার করতে কিছুটা সময় লাগবে Hey আরও ভাল, এটি পেতে আইপি সিস্টেম, আপনার আরও একগুচ্ছ জিনিসপত্রের দরকার হবে Let'sচলুন আইটিডিপি এর মাধ্যমে আইসিডিএন.টুরনার.কম থেকে আমার কয়েকটি স্টাইলশিট দরকার এবং ফাইলটি /cnn/.element/css/2.0/common.css জিজ্ঞাসা করুন And তারপরে আইসিডিএন.টুরনার.কম-এও এই স্ক্রিপ্টগুলির কয়েকটি পান, আমি এখন পর্যন্ত ছয়টি গণনা করছি ... "

টিসিপি / আইপি: "আমি ছবিটি পেয়েছি Just আমাকে কেবল সার্ভারের ঠিকানা এবং সেগুলি দিন And এবং এইচটিটিপি অনুরোধের মধ্যে সেই ফাইল স্টাফটি মুড়িয়ে দিন, আমি এটির সাথে কাজ করতে চাই না" "

ডিএনএস: "আইসিডিএন.টুরনার.কম চেক করছে ... আরে, বেশিরভাগ ট্রিভিয়া, এটিকে আসলে cdn.cnn.com.c.footprint.net বলা হয়। আইপি হল 4.23.41.126"

ব্রাউজার: "অবশ্যই, অবশ্যই ... এক সেকেন্ড অপেক্ষা করুন, এটি প্রক্রিয়া করতে কয়েক nsec লাগবে, আমি এই সমস্ত স্ক্রিপ্টটি বোঝার চেষ্টা করছি ..."

টিসিপি / আইপি: "আরে, আপনি যে সিএসএস চেয়েছিলেন তা এখানে। ওহ, এবং ... হ্যাঁ, অতিরিক্ত অতিরিক্ত স্ক্রিপ্টগুলিও সবেমাত্র ফিরে এসেছিল।"

ব্রাউজার: "হ্যাঁ, আরও কিছু আছে ... কিছু ধরণের ভিডিও বিজ্ঞাপন!"

টিসিপি / আইপি: "ওহে ছেলে, কী মজা লাগে ..."

ব্রাউজার: "এখানে সমস্ত ধরণের চিত্রও রয়েছে! এবং এই সিএসএসটি কিছুটা বাজে দেখাচ্ছে ... ঠিক আছে, তাই যদি সেই অংশটি সেখানে যায় এবং শীর্ষে এই লাইনটি থাকে ... পৃথিবীতে কীভাবে এটি আর ফিট হবে ... না , এটি তৈরি করার জন্য আমাকে এটিকে কিছুটা প্রসারিত করতে হবে ... ওহ, তবে অন্যান্য সিএসএস ফাইল সেই নিয়মটিকে ওভাররাইড করে ... ঠিক আছে, এটি কোনও রেন্ডার করা সহজ টুকরো হতে পারে না, এটি অবশ্যই! "

টিসিপি / আইপি: "ঠিক আছে, ঠিক আছে, আমাকে এক সেকেন্ডের জন্য বিভ্রান্ত করা বন্ধ করুন, এখানে এখনও অনেক কিছু করার আছে" "

ব্রাউজার: "ব্যবহারকারী, আপনার জন্য এখানে একটি সামান্য অগ্রগতি প্রতিবেদন Sorry দুঃখিত, এটি সমস্ত কিছু সেকেন্ড নিতে পারে, এখানে 140 টি আলাদা উপাদান যেমন লোড হতে পারে এবং এখন পর্যন্ত 16 এ চলে যেতে পারে।"

এক বা দুই সেকেন্ড পরে ...

টিসিপি / আইপি: "ঠিক আছে, এটাই সব হওয়া উচিত। আরে শোনো ... দুঃখিত আমি আপনাকে আগে পরিচালনা করেছি, আপনি সেখানে পরিচালনা করছেন? এটি নিশ্চিতভাবে আপনার পক্ষেও বেশ বোঝা।"

ব্রাউজার: "ভাই, হ্যাঁ, আজকাল এই সমস্ত ওয়েবসাইটগুলি, তারা নিশ্চিত আপনার পক্ষে এটি সহজ করে না Well ঠিক আছে, আমি পরিচালনা করব It's আমি এখানেই আছি" "

টিসিপি / আইপি: "আমার ধারণা আজকের দিনে আমাদের সকলের পক্ষে এটি বেশ ভারী ... ওহ, সেখানে ডিএনএসে গ্লোটিং বন্ধ করুন!"

ব্রাউজার: "আরে ব্যবহারকারী! ওয়েবসাইট প্রস্তুত - আপনার সংবাদ পান!"


17
তাই অন্ধকারের পরে আমার পিসি এটি করে।
ফোশি

7
দুর্দান্ত ব্যাখ্যা ... হাট আপনার কাছে বন্ধ ... বিঙ্গো ...
রাহেল

7
গল্পের টুকরো টুকরো টুকরো :)
মাইকেল

5
@ ডেক্স: ... এবং আজও তারা দৃ strong়ভাবে এগিয়ে চলেছে, ইতিহাসের বইগুলিতে প্রশংসার যোগ্য যোগ্যতার সাথে ব্যবহারকারীর সমস্ত কৌতুকপূর্ণ অনুরোধগুলি বাছাই করে। তবে, সমস্ত কিছুর মতোই একদিন তাদের অবসন্নতায় অবসর নেওয়ার সময় হবে, আরও আধুনিক সময়ের জন্য উপযুক্তভাবে আরও আধুনিক পদ্ধতির দিকে মনোনিবেশ করে। তবে আশ্বস্ত হোন যে তারা আমাদের বংশানুক্রমে সর্বদা উপস্থিত থাকবে, একটি বুদ্ধিমান হাসি দিয়ে দেখবে এবং উদীয়মান ইন্টারনেট যোগাযোগের এই প্রাণবন্ত সময়ে তারা যে সমস্ত কঠিন শিক্ষা শিখেছে তা ভবিষ্যতের প্রজন্মের কাছে পৌঁছে দেবে।
ইলারি কাজাস্তে

3
নায়েসিয়ারদের জন্য হুরয়, ঠিক আছে, @ ওয়াহনফ্রিডেন? আমি এটিকে বেশ নির্ভুল এবং তথ্যপূর্ণ বলে বিবেচনা করি।
জার্জেন এ। এরহার্ড


18
  • ব্রাউজারটি আপনি কী টাইপ করেন (ইউআরএল) হোস্টনাম এবং একটি পাথে।
  • ব্রাউজার প্রদত্ত হোস্টনাম এবং পথে ডেটা জিজ্ঞাসা করার জন্য একটি HTTP অনুরোধ রচনা করে।
  • ব্রাউজারটি কোনও আইপি ঠিকানায় হোস্টনামটি সমাধান করার জন্য ডিএনএস লুক্যুফুরি সম্পাদন করে।
  • ব্রাউজার আইপি ঠিকানার মাধ্যমে নির্দিষ্ট কম্পিউটারে একটি টিসিপি / আইপি সংযোগ তৈরি করে। (এই সংযোগটি প্রকৃতপক্ষে অনেকগুলি কম্পিউটার থেকে তৈরি, প্রত্যেকটি পরবর্তীটিতে ডেটা পাস করে)
  • ব্রাউজারটি HTTP অনুরোধটি প্রদত্ত আইপি ঠিকানায় সংযোগটি প্রেরণ করে।
  • এই কম্পিউটারটি টিসিপি / আইপি সংযোগ থেকে এইচটিটিপি অনুরোধ গ্রহণ করে এবং এটি ওয়েব সার্ভার প্রোগ্রামে প্রেরণ করে।
  • ওয়েব সার্ভার হোস্টনাম এবং পাথটি পড়ে এবং আপনি যা ডেটা চেয়েছিলেন তা সন্ধান করে বা উত্পন্ন করে।
  • ওয়েব সার্ভারটি একটি এইচটিটিপি প্রতিক্রিয়া উত্পন্ন করে যা ডেটা থাকে।
  • ওয়েব সার্ভারটি এইচটিটিপি প্রতিক্রিয়াটি আপনার মেশিনে টিসিপি / আইপি সংযোগে ফেরত পাঠায়।
  • ব্রাউজার এইচটিটিপি প্রতিক্রিয়া গ্রহণ করে এবং এটি হেডারগুলিতে বিভক্ত হয় (ডেটা বর্ণনা করে) এবং শরীর (ডেটা নিজেই)।
  • ব্রাউজারটি ব্রাউজারে এটি কীভাবে প্রদর্শন করতে হয় তা সিদ্ধান্ত নিতে ডেটাটিকে ব্যাখ্যা করে - সাধারণত এটি এইচটিএমএল ডেটা যা বিভিন্ন ধরণের তথ্য এবং তাদের সাধারণ ফর্ম নির্দিষ্ট করে।
  • কিছু ডেটা মেটাডেটা হবে যা আরও সংস্থানগুলি বোঝাতে হবে যা বিশদ বিন্যাসের জন্য স্টাইল শীট, বা ইনলাইন চিত্রগুলি বা ফ্ল্যাশ চলচ্চিত্রগুলি নির্দিষ্ট করে। এই মেটাডেটা আবার ইউআরএল হিসাবে নির্দিষ্ট করা হয়েছে এবং সমস্ত লোড না হওয়া পর্যন্ত এই পুরো প্রক্রিয়াটি প্রত্যেকের জন্য পুনরাবৃত্তি করে।

এটি ভাল, তবে এটি ক্যাচিং (ব্রাউজারে এবং অন্য কোথাও), প্রক্সিগুলি, লোড ব্যালেন্সিং, সিডিএন ইত্যাদি উল্লেখযোগ্য। আমি মনে করি যে এগুলি (পৃথিবীতে) ব্যস্ত সাইটগুলি কীভাবে বিশাল পরিমাণ সামগ্রীর জন্য লক্ষ লক্ষ প্রায় একযোগে অনুরোধগুলি পরিচালনা করে তা বোঝার একটি গুরুত্বপূর্ণ অংশ।
স্যাম ডটন

12

প্রথম পদক্ষেপটি ডিএনএস (ডোমেন নেম সার্ভার) লুকআপ lookup এটি শীর্ষস্থানীয় ডোমেন (cnn.com) সন্ধানের জন্য আপনার নেটওয়ার্ক সেটিংসে নির্দিষ্ট ডিএনএস সার্ভারগুলি (বা আপনাকে ডিএইচসিপি দ্বারা প্রদত্ত) ব্যবহার করে এবং তারপরে উল্লিখিত সাবডোমেনের আইপি ঠিকানার জন্য সেই ডোমেনটির নেমসারভার জিজ্ঞাসা করে (www.cnn.com)।

এটির আইপি ঠিকানা হওয়ার পরে, আপনার ব্রাউজারটি ওয়েব সার্ভারের সাথে যোগাযোগ শুরু করে। এটি নির্দিষ্ট প্রোটোকল (যা সাধারণত HTTP 1.1 এ ডিফল্ট থাকে) ব্যবহার করে করা হয়। সার্ভারের জন্য '/' এর জন্য একটি 'জিইটি' অনুরোধ তৈরি করা হয়, যা এইচটিএমএল নথি সামগ্রী এবং উপযুক্ত শিরোনাম (যা দস্তাবেজের সামগ্রীর ধরণ, এইচটিএমএল এবং অন্যান্য তথ্যের ব্রাউজারকে বলে) এর সাথে সাড়া দেয়। তারপরে ব্রাউজারটি দস্তাবেজটিকে বিশ্লেষণ করে এবং পৃষ্ঠাটিতে এম্বেড করার মতো কোনও URL (চিত্র বা লিঙ্কযুক্ত স্টাইলশিটের মতো) সন্ধান করে এবং সেগুলির প্রতিটিতে অনুরোধ জানায়।

ব্রাউজারটি স্বয়ংক্রিয়ভাবে '/favicon.ico' (সাইটের শিরোনামের পাশের ছোট সিএনএন আইকনটি প্রদর্শন করতে) জন্য একটি জিইটি অনুরোধ করে।

আপনার ব্রাউজারটি সম্ভবত তার অনুরোধ শিরোনামগুলিতে উল্লেখ করবে যে এটি জিজিপ অ্যালগরিদম ব্যবহার করে প্রতিক্রিয়া সামগ্রীটি সংকুচিত করতে চায়। সার্ভার যদি সমর্থন করে তবে এটি ফাইলটিকে অনেক ছোট করে তোলে। এটি কোনও জিপ ফাইল ডাউনলোড করা এবং আনজিপ করার মতো হলেও এটি আপনার কাছে স্বচ্ছ।

আপনি পৃষ্ঠাটি পুনরায় লোড করার সময়, আপনার ব্রাউজারটি পরীক্ষা করে থাকে যে সেই পৃষ্ঠাটি ইতিমধ্যে আপনার সিস্টেমে ক্যাশে রয়েছে এবং যদি তা হয় তবে এটি কেবলমাত্র নথির শিরোনামের জন্য একটি HTTP অনুরোধ করে এবং তার পরিবর্তিত তারিখটি পরীক্ষা করে। যদি এই তারিখটি তার ক্যাশেড অনুলিপিটির চেয়ে বেশি পরে থাকে তবে এটি পুরো দস্তাবেজের সামগ্রীর জন্য আবার অনুরোধ করে এবং পৃষ্ঠাটি সতেজ করে। অন্যথায় এটি কেবল আপনার স্থানীয় অনুলিপি ব্যবহার করে।


লোকটি বেসিকগুলি জানে না এবং আপনি তাকে কেবল ডিএনএস, ডিএইচসিপি এবং আইপি দিয়ে উড়িয়ে দিয়েছেন। আইপি প্যাকেট কাঠামো তাকে বুঝিয়ে বলি!

6
তিনি প্রযুক্তিগত বিশদ জানতে চেয়েছিলেন। তিনি চাইলে আইপি সন্ধান করতে পারেন।

বিষয়টি হ'ল তিনি সম্ভবত কিছু সন্ধান করতে চান না ... :(

8

অন্যান্য উত্তর থেকে এতদূর অনুপস্থিত হ'ল সিএনএন দিক দিয়ে যা ঘটে:

  • সিএনএন-এর একটি মেশিন আপনার কম্পিউটার থেকে পৃষ্ঠাটির জন্য জিজ্ঞাসা করে বার্তাটি গ্রহণ করে।
  • এটি সিএনএন তার ওয়েবসাইটের জন্য যে সমস্ত কম্পিউটার ব্যবহার করছে তার একটিতে এই অনুরোধটি পুনঃনির্দেশিত করে (এর কারণটি হ'ল, আপনি প্রতিক্রিয়া ওয়েব পৃষ্ঠাগুলি এক সাথে অনেকগুলি কম্পিউটারে রাখার কাজটি ছড়িয়ে দিতে পারেন)
  • সিএনএন কম্পিউটার আপনার অনুরোধ পেয়েছে এবং এটি এমন একটি ওয়েব পৃষ্ঠার সাথে সাড়া দেয় যা সম্ভবত সম্পূর্ণরূপে পূর্বনির্ধারিত, তবে এটি আপনাকে প্রেরণের আগে এটি কয়েকটি জিনিস বদলে দেবে (শীর্ষে বিজ্ঞাপনটি হতে পারে, শিরোনামের সংবাদ হতে পারে)। কখনও কখনও কম্পিউটারগুলি প্রতিবার অনুরোধ পেলে প্রচুর ছোট ছোট উপাদান থেকে পৃষ্ঠাটি একত্রিত করে; সিএনএন কী করে তা নিশ্চিত নয়
  • প্রতিক্রিয়াটি আপনার কম্পিউটারে নেটওয়ার্ক হয়ে যায়, যা এটি পরে প্রদর্শন করে।
  • প্রতিক্রিয়াতে চিত্রগুলি অন্তর্ভুক্ত ছিল না: আপনার কম্পিউটার তারপরে চিত্রগুলির জন্য অন্য একটি অনুরোধ প্রেরণ করে, এবং প্রায় একই পরিস্থিতি ঘটে।


1

আপনি সবে যে তথ্যটি চেয়েছিলেন তা কয়েক ডজন বই পূরণ করতে পারে। তবে এখানে এটি ব্যাখ্যা করার জন্য আমার প্রয়াস: আপনার ব্রাউজারটি আপনার ওএসকে cnn.com এর আইপি ঠিকানা খুঁজতে বলে। তারপরে আপনার ওএস সিএনএন.কম এর আইপি ঠিকানার জন্য একটি ডিএনএস সার্ভারকে জিজ্ঞাসা করবে। আইপিটি ব্রোজারকে প্রেরণ করা হয় যা আইপি ঠিকানার সাথে যোগাযোগ করে এবং পৃষ্ঠার অনুরোধ করে। cnn.com তারপরে আপনাকে এবং এইচটিএমএল পৃষ্ঠা প্রেরণ করে। ব্রাউজারগুলি এইচটিএমএলকে বিশ্লেষণ করে এবং তথ্যটি HTML সরবরাহকারীকে প্রেরণ করে। ব্রাউজারটি তখন ওএসকে স্ক্রিনে কী প্রদর্শন করতে হয় তা বলে।



1

"সেন্ডাং মিট ডার মউস" (একটি খুব জনপ্রিয় জার্মান শিশুদের টিভি শো যা শিশুদের জন্য প্রযুক্তি ব্যাখ্যা করে) এর একটি দুর্দান্ত ভিডিও রয়েছে:

ডাই সেন্ডুং মিট ডার মউস - উই ফানকশনার ডাস ইন্টারনেট ( ইন্টারনেট কীভাবে কাজ করে)।

শুধুমাত্র জার্মান ভাষায়, দুর্ভাগ্যক্রমে, তবে মজার এমনকি পাঠ্যটি w / o। মজার হেলমেটযুক্ত পুরুষরা আইপি প্যাকেটগুলি খেলেন এবং ডেটা কাগজের কার্ডে লেখা থাকে। ক্লাসিক :-)।

বিটিডাব্লু, ব্যাখ্যাগুলি মোটামুটি ভাল।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.