אם אתה יוצר אתר אינטרנט, סביר להניח שתרצה לבדוק אותו לפני שתארח אותו באינטרנט כדי לוודא שהוא פועל כראוי.

באופן אידיאלי, עליך לבדוק את האתר שלך באותו שרת אינטרנט שבו הוא יפעל כשתעלה לאוויר. זה מאפשר לך להיות בטוח שהאתר שלך יתנהג בהפקה באותו אופן שבו הוא מתנהג מקומית. למרבה המזל, רוב שרתי האינטרנט קלים להתקנה ולשימוש במחשב המקומי שלך.

במחשב Windows, אתה יכול להשתמש בשירותי מידע באינטרנט (IIS). IIS מגיע בחינם עם Windows, כך שכל מה שאתה צריך לעשות הוא להפעיל ולהגדיר אותו כדי להציג את האתר שלך.

מה זה שירותי מידע באינטרנט?

IIS הוא שרת אינטרנט שבו אתה יכול להשתמש כדי לארח אתרים סטטיים או דינמיים. א שרת אינטרנט עובד לפי הגשת תוכן - כגון HTML, JavaScript או קובצי מדיה - לדפדפן של משתמש, בתגובה לבקשה.

למסגרות מסוימות כמו Angular יש כבר שרתי אינטרנט מובנים בסיסיים. אלה ישמשו את האתר שלך לתצוגה מקדימה ולבדיקה מקומית, באמצעות דומיין localhost. עם זאת, ישנם כמה תרחישים שבהם אתה צריך להגדיר שרת אינטרנט מלא בעצמך.

דוגמה אחת לכך היא כאשר מפרסמים סצנה מפרויקט Unity. סביר להניח שתקבל שגיאה אם ​​תנסה לפתוח את הקובץ index.html ישירות בדפדפן שלך, מבלי ששרת אינטרנט פועל. במקרה זה, תוכל לאחסן את קבצי Unity WebGL שלך ב-IIS ולהפעיל אותם בשרת.

instagram viewer

כיצד להפעיל IIS

אפשר IIS באמצעות ה הפעלה וכיבוי של תכונות Windows תפריט ב-Windows.

  1. לחפש אחר הפעלה וכיבוי של תכונות Windows באמצעות סרגל החיפוש:
  2. בחר את שירותי מידע באינטרנט אוֹפְּצִיָה:
  3. לְהַרְחִיב שירותי מידע באינטרנט, ובחר את כל תכונות המשנה שאתה צריך:
  4. נְקִישָׁה בסדר, והמתן עד ש-Windows יחיל את השינויים החדשים. בעתיד, אם תחליט להסיר או לשנות תכונות כלשהן, Windows עשוי לבקש ממך להפעיל מחדש את המחשב שלך לפני החלתם.
  5. חפש את אפליקציית IIS, שתהיה זמינה כעת לפתיחה במחשב Windows שלך:
  6. פתח את IIS כדי להציג את מסוף IIS:

כיצד ליצור אתר בדיקה פשוט

צור אתר סטטי פשוט באמצעות HTML ו-CSS.

  1. צור קובץ חדש בשם index.html. הוסף את התוכן הבא לקובץ:
    <!DOCTYPE html>
    <html lang="en-us">
    <רֹאשׁ>
    <כותרת> אתר מבחן פשוט </title>
    <מטא תוכן="טקסט/html; charset=utf-8" />
    <קישור rel="גיליון סגנונות" href="styles.css">
    <קישור rel="גיליון סגנונות" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <גוּף>
    <div class="nav">
    <מחלקה nav="navbar navbar-inverse nav">
    <div class="navbar-header">
    <כיתה="navbar-brand" href="#"> אתר אינטרנט </א>
    </div>
    <ul class="nav navbar-nav">
    <לי כיתה="פָּעִיל"><a href="#"> בית </א></li>
    <לי><a href="#"> על אודות </א></li>
    <לי><a href="#"> איש קשר </א></li>
    </ul>
    </nav>
    </div>
    <div class="מְכוֹלָה">
    <h1> זהו אתר מבחן </h1>
    </div>
    </body>
    </html>
  2. צור קובץ CSS חדש בשם styles.css. הוסף את הסגנון הבא לקובץ.
    * {
    משפחת גופן: פונט סאנס סריף;
    }
    .nav {
    גבול-רדיוס: 0פיקסלים !חָשׁוּב;
    צֶבַע: לבן;
    }
    

    .קישור {
    שוליים-ימין: 10פיקסלים;
    גודל גופן: 12pt;
    }
    

    .מותג {
    שוליים-שמאליים: 20פיקסלים;
    שוליים-ימין: 40פיקסלים;
    גודל גופן: 18pt;
    }
    .מְכוֹלָה {
    יישור טקסט: מֶרְכָּז;
    ריפוד: 40פיקסלים 20פיקסלים;
    }
  3. צור תיקיה חדשה ב- C:\inetpub\wwwroot ספרייה במחשב שלך, הנקראת MyTestWebsite. תיקייה זו משמשת במיוחד לאחסון דפי האינטרנט ותוכן אחר המרכיב את האתר שלך.
  4. העתק או הזז את index.html ו styles.css קבצים לתוך החדש MyTestWebsite תיקייה.

כיצד להוסיף ולהגדיר את האתר שלך באמצעות IIS

כדי לארח את האתר שלך באמצעות IIS, צור אתר חדש והפנה אותו לתוכן שלך.

  1. בסרגל הצד השמאלי של מסוף IIS, לחץ באמצעות לחצן העכבר הימני על אתרים מַדרִיך.
  2. מהאפשרויות בתפריט, בחר הוסף אתר, כדי לפתוח את חלון התצורה:
  3. הוסף שם ל- שם אתר, כגון "אתר המבחן שלי". IIS ימלא אוטומטית את השדה עבור מאגר היישומים.
  4. הוסף את הנתיב הפיזי, שהוא המיקום שבו אחסנת את קבצי האתר שלך במחשב. לחץ על שלוש הנקודות כדי לבחור תיקיה. מהתפריט, נווט אל MyTestWebsite תיקייה, מתחת ל- C:\inetpub\wwwroot מַדרִיך.
  5. בחר https בתור סוּג. ברירת המחדל נמל עבור HTTPS הוא 443, אבל אתה יכול לשנות את היציאה למשהו אחר אם זה נמצא כעת בשימוש.
  6. אתה יכול גם להגדיר שם מארח, אך השאר את זה ריק לעת עתה.
  7. בשביל ה תעודת SSL, בחר תעודת פיתוח IIS Express.
  8. בחר התחל את האתר באופן מיידי, ולחץ על בסדר.
  9. הדגש את החדש אתר המבחן שלי ספרייה בעמודה השמאלית.
  10. לחץ על הגדרות מתקדמות, שנמצא ברשימת האפשרויות בצד ימין של החלונית.
  11. תחת הקטע התנהגות, שנה את פרוטוקולים מופעלים האפשרות "https", ולחץ על בסדר.
  12. אם ברצונך לערוך את הפרטים הללו בכל נקודת זמן, תוכל ללחוץ על הגדרות בסיסיות אוֹ הגדרות מתקדמות אפשרויות בתפריט הימני.

כיצד לעצור, להפעיל או להפעיל מחדש את האתר שלך בשרת האינטרנט

כדי להפעיל את שרת האינטרנט שלך ולצפות באתר האינטרנט שלך, לחץ על האפשרות עיון בתפריט הימני. אתה יכול גם להפעיל מחדש או לעצור את שרת האינטרנט בכל עת.

  1. כדי להפעיל את שרת האינטרנט שלך, לחץ על עיון *:443 (https) בתפריט הימני.
  2. האתר שלך אמור לפעול כעת בשרת האינטרנט. אתה יכול לגשת אליו דרך כתובת האתר https://localhost/. אם אתה מקבל אזהרה על כך שהחיבור לאתר שלך אינו מאובטח, אתה ייתכן שיהיה עליך להשתמש באישור SSL חוקי אחר. אתה יכול למצוא טוב תיעוד של מיקרוסופט כיצד תוכל ליצור אישור SSL חדש ולהשתמש בו ב-IIS.
  3. כדי לעצור או להפעיל מחדש את שרת האינטרנט, לחץ על תפסיק אוֹ אתחול בתפריט הימני.

אחסון אתר באמצעות IIS

בדיקות מקומיות הן חלק חשוב בכל מחזור פיתוח, כולל כשאתה בונה אתר אינטרנט.

אתה יכול לארח את האתר שלך באופן מקומי באמצעות שרת האינטרנט של שירותי מידע באינטרנט (IIS). אתה יכול להשתמש בו כדי לארח כל אתר סטטי (כגון אתר HTML או CSS רגיל) או אתר דינמי (כגון אתר ASP.NET).

ישנן אפשרויות שונות שאתה יכול לבחור מהן בעת ​​אירוח אתר האינטרנט שלך באינטרנט. אם אתה מארח אתר פשוט, תוכל לאחסן את קבצי האתר שלך ב-Dropbox, Google Drive או One Drive, לפני שתארח אותם.