إذا كنت بصدد إنشاء موقع ويب ، فربما ترغب في اختباره قبل استضافته على الإنترنت للتأكد من أنه يعمل بشكل صحيح.
من الناحية المثالية ، يجب أن تختبر موقعك على نفس خادم الويب الذي سيعمل عليه عند بدء البث المباشر. يتيح لك هذا التأكد من أن موقعك سيتصرف في الإنتاج بنفس الطريقة التي يتصرف بها محليًا. لحسن الحظ ، فإن معظم خوادم الويب سهلة التثبيت والاستخدام على جهاز الكمبيوتر المحلي لديك.
على جهاز كمبيوتر يعمل بنظام Windows ، يمكنك استخدام خدمات معلومات الإنترنت (IIS). يأتي IIS مجانًا مع Windows ، لذلك كل ما عليك فعله هو تمكينه وتكوينه لعرض موقع الويب الخاص بك.
ما هي خدمات معلومات الإنترنت؟
IIS هو خادم ويب يمكنك استخدامه لاستضافة مواقع ويب ثابتة أو ديناميكية. أ يعمل خادم الويب من خلال تقديم المحتوى - مثل HTML أو JavaScript أو ملفات الوسائط - إلى متصفح المستخدم ، استجابة لطلب.
بعض الأطر مثل Angular لديها بالفعل خوادم ويب أساسية مدمجة. سيخدم هذا موقع الويب الخاص بك للمعاينة والاختبار محليًا ، باستخدام مجال المضيف المحلي. ومع ذلك ، هناك بعض السيناريوهات التي تحتاج فيها إلى إعداد خادم ويب كامل بنفسك.
أحد الأمثلة على ذلك هو عند نشر مشهد من مشروع الوحدة. من المحتمل أن تحصل على خطأ إذا حاولت فتح ملف index.html مباشرة في متصفحك ، دون تشغيل خادم ويب. في هذه الحالة ، يمكنك تخزين ملفات Unity WebGL في IIS وتشغيلها على الخادم.
كيفية تمكين IIS
قم بتمكين IIS باستخدام ملف قم بتشغيل ميزات Windows وإيقاف تشغيلها القائمة على Windows.
- البحث عن قم بتشغيل ميزات Windows وإيقاف تشغيلها باستخدام شريط البحث:
- حدد ملف خدمات معلومات الانترنت اختيار:
- وسعت خدمات معلومات الانترنت، وحدد جميع الميزات الفرعية التي تحتاجها:
- انقر نعم، وانتظر حتى يقوم Windows بتطبيق التغييرات الجديدة. في المستقبل ، إذا قررت إزالة أي ميزات أو تغييرها ، فقد يطلب منك Windows إعادة تشغيل الكمبيوتر قبل تطبيقها.
- ابحث عن تطبيق IIS ، والذي سيكون متاحًا الآن للفتح على جهاز الكمبيوتر الذي يعمل بنظام Windows:
- افتح IIS لعرض وحدة تحكم IIS:
كيفية إنشاء موقع اختبار بسيط
قم بإنشاء موقع ويب ثابت بسيط باستخدام HTML و CSS.
- قم بإنشاء ملف جديد يسمى index.html. أضف المحتوى التالي إلى الملف:
<! DOCTYPE html>
<أتش تي أم أل لانج ="en-us">
<رأس>
<لقب> موقع اختبار بسيط </title>
<محتوى التعريف ="نص / أتش تي أم أل ؛ محارف = utf-8" />
<ارتباط rel ="ورقة الأنماط" href ="Styles.css">
<ارتباط rel ="ورقة الأنماط" href ="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<النصي src ="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<النصي src ="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<هيئة>
<فئة div ="التنقل">
<فئة الملاحة ="نافبار navbar- معكوس التنقل">
<فئة div ="نافبار رأس">
<فئة ="نافبار العلامة التجارية" href ="#"> موقع الكتروني </أ>
</div>
<فئة ul ="navbar-nav">
<فئة لي ="نشيط"><أ href ="#"> مسكن </أ></li>
<لي><أ href ="#"> حول </أ></li>
<لي><أ href ="#"> اتصال </أ></li>
</ul>
</nav>
</div>
<فئة div ="وعاء">
<h1> هذا موقع اختباري </h1>
</div>
</body>
</html> - قم بإنشاء ملف CSS جديد يسمى Styles.css. أضف الأنماط التالية إلى الملف.
* {
خط العائلة: بلا الرقيق;
}.nav {
نصف قطر الحد: 0مقصف !مهم;
اللون: أبيض;
}.حلقة الوصل {
الهامش الأيمن: 10مقصف;
حجم الخط: 12نقطة;
}.ماركة {
الهامش الأيسر: 20مقصف;
الهامش الأيمن: 40مقصف;
حجم الخط: 18نقطة;
}.وعاء {
محاذاة النص: المركز;
حشوة: 40مقصف 20مقصف;
} - قم بإنشاء مجلد جديد في ملف ج: \ inetpub \ wwwroot الدليل الموجود على جهاز الكمبيوتر الخاص بك ، يسمى MyTestWebsite. يستخدم هذا المجلد خصيصًا لتخزين صفحات الويب والمحتويات الأخرى التي يتكون منها موقع الويب الخاص بك.
- انسخ أو انقل ملف index.html و Styles.css من الملفات إلى ملف MyTestWebsite مجلد.
كيفية إضافة وتكوين موقع الويب الخاص بك باستخدام IIS
لاستضافة موقع الويب الخاص بك باستخدام IIS ، قم بإنشاء موقع ويب جديد ووجهه إلى المحتوى الخاص بك.
- في الشريط الجانبي الأيسر لوحدة تحكم IIS ، انقر بزر الماوس الأيمن فوق ملف المواقع الدليل.
- من الخيارات في القائمة ، حدد إضافة موقع، لفتح نافذة التكوين:
- أضف اسمًا إلى ملف اسم الموقع، مثل "My Test Website". سيقوم IIS تلقائيًا بملء الحقل الخاص بتجمع التطبيقات.
- أضف المسار المادي ، وهو المكان الذي قمت بتخزين ملفات موقع الويب الخاص بك فيه على الكمبيوتر. انقر فوق النقاط الثلاث لتحديد مجلد. من القائمة ، انتقل إلى ملف MyTestWebsite مجلد ، تحت ج: \ inetpub \ wwwroot الدليل.
- حدد https كملف يكتب. الافتراضي ميناء بالنسبة إلى HTTPS هو 443 ، ولكن يمكنك تغيير المنفذ إلى شيء آخر إذا كان هذا قيد الاستخدام حاليًا.
- يمكنك أيضًا تكوين اسم مضيف ، لكن اتركه فارغًا في الوقت الحالي.
- بالنسبة إلى شهادة SSL، تحديد شهادة تطوير IIS Express.
- يختار ابدأ موقع الويب على الفور، وانقر فوق نعم.
- تسليط الضوء على الجديد موقع الاختبار الخاص بي دليل في العمود الأيسر.
- انقر فوق إعدادات متقدمة، الموجودة في قائمة الخيارات على الجانب الأيمن من اللوحة.
- ضمن قسم السلوك ، قم بتغيير ملف البروتوكولات الممكّنة الخيار إلى "https" ، وانقر فوق نعم.
- إذا كنت ترغب في تعديل هذه التفاصيل في أي وقت ، يمكنك النقر فوق الإعدادات الأساسية أو إعدادات متقدمة خيارات في القائمة اليمنى.
كيفية إيقاف موقع الويب الخاص بك أو بدء تشغيله أو إعادة تشغيله على خادم الويب
لبدء خادم الويب الخاص بك وعرض موقع الويب الخاص بك ، انقر فوق خيار التصفح في القائمة اليمنى. يمكنك أيضًا إعادة تشغيل خادم الويب أو إيقافه في أي وقت.
- لتشغيل خادم الويب الخاص بك ، انقر فوق تصفح *: 443 (https) في القائمة اليمنى.
- يجب أن يعمل موقع الويب الخاص بك الآن على خادم الويب. يمكنك الوصول إليه عبر URL https://localhost/. إذا تلقيت تحذيرًا بشأن عدم أمان اتصال موقعك ، فأنت قد تضطر إلى استخدام شهادة SSL صالحة مختلفة. يمكنك أن تجد الخير وثائق من مايكروسوفت حول كيفية إنشاء شهادة SSL جديدة واستخدامها في IIS.
- لإيقاف خادم الويب أو إعادة تشغيله ، انقر فوق قف أو إعادة بدء في القائمة اليمنى.
استضافة موقع باستخدام IIS
يعد الاختبار المحلي جزءًا مهمًا من أي دورة تطوير ، بما في ذلك عند إنشاء موقع ويب.
يمكنك استضافة موقع الويب الخاص بك محليًا باستخدام خادم ويب خدمات معلومات الإنترنت (IIS). يمكنك استخدامه لاستضافة أي موقع ويب ثابت (مثل موقع HTML أو CSS قياسي) أو موقع ويب ديناميكي (مثل موقع ASP.NET).
هناك العديد من الخيارات التي يمكنك الاختيار من بينها عند استضافة موقع الويب الخاص بك على الإنترنت. إذا كنت تستضيف موقع ويب بسيطًا ، فيمكنك تخزين ملفات موقع الويب الخاص بك على Dropbox أو Google Drive أو One Drive قبل استضافتها.
