IIS on Windows 10

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

דבר ראשון אנחנו בודקים אם יש לנו IIS מותקן על המחשב:

נפתח את ההתחל (האייקון של ווינדוס למטה) או הזכוכית מגדלת לידו ונחפש את ה-IIS, אם קיים אז זה יראה כך:

אם החיפוש לא נראה כך, אז צריך להתקין אותו.

התקנת IIS

תחילה יש ללחוץ על מקש וינדוס+R או לחפש RUN

לאחר הפעלתו, יופיע חלון קטן, יש לכתוב בתוכו – appwiz.cpl וללחוץ על ENTER.

בחלון שהופיע, יש ללחוץ על turn windows features on or off

ו… סוף סוף הגענו ליעד הראשון שלנו :

יש לעשות לחיצה אחת על internet information service , כך שהוא יסומן בריבוע שחור ולאשר ב-OK

בשלב הזה, וינדוס יתקין את ה-IIS על המחשב ואתם מסודרים (כמעט…).

עכשיו כשנחפש IIS בכפתור ההתחל או החיפוש , המחשב יראה לנו את ה-IIS ולאחר הפעלה שלו נגיע למסך הבא:

בהתחלה העץ מצד שמאל סגור, פיתחו אותו עד שתגיעו ל-default web site.

הספריה שהוא "מסתכל" עליה נמצאת בנתיב הזה: C:\inetpub\wwwroot, אפשר להעתיק לשם קבצים ופרויקטים והם אכן יפעלו, אבל אנחנו גם יכולים להגדיר ספריה שלנו בכל מקום במחשב ולשייך לה אתר ב-IIS וכך נוכל לגלוש אליה.

יש כמה אופציות, הקלה והפשוטה מבין כולם היא זו:

צרו ספריה בכל מקום במחשב, לאחר מכן לחיצה על הספריה שיצרתם בכפתור ימיני של העכבר ובחירה של properties (בדרך כלל האחרון ברשימה) ומעבר ללשונית אבטחה.

למרות שזה לא חובה רצוי להוסיף יוזר כדי לתת גישה ל-IIS (למנוע פוטנציאל לבעיות), נוסיף אותו כך:

לחיצה על EDIT , אחרי זה על ADD , יש לרשום IIS_IUSRS ואז ללחוץ על check names . אם כתבתם נכון, המחשב יוסיף את שם המחשב לפני מה שכתבתם וקו מתחת.

במידה שזה מה שקרה , ניתן ללחוץ על OK.

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

חזרה ל-IIS:

לחצה ימנית על default web site ובחירה של add application.

בחלון שיפתח יש למלא שם עקרוני לאתר כ- alias וב-physical path להוסיף את המיקום של הספריה שלנו כדי ש-IIS ידע איפה האתר שלנו נמצא.

זהו זה…… כרגע יש לנו ספריה שה-IIS מכיר ומתייחס אליה כאל אתר.

כדי לגלוש אליה אפשר לעמוד על האתר בצד שמאל וללחוץ על browse *:80 בצד ימין או לחיצה עליו עם הכפתור הימיני בעכבר ו-browse כמו שמוצג בתמונה הבאה:

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

לאתרי אנגולר צריך להוסיף מספר דברים כדי שהם יעבדו:

בספרית SRC יש ליצור קובץ ריק בשם web.config ולהוסיף את המלל הבא לתוכן הקובץ

<?xml version="1.0"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="Angular Routing" stopProcessing="true">
                <match url=".*" />
                <conditions logicalGrouping="MatchAll">
                    <add input="{REQUEST_FILENAME}" matchType="IsFile"
                         negate="true" />
                    <add input="{REQUEST_FILENAME}" matchType="IsDirectory"
                         negate="true" />
                </conditions>
                <action type="Rewrite" url="/myProj/" />
                </rule>
            </rules>
        </rewrite>
        <staticContent>
            <mimeMap fileExtension="woff" mimeType="application/font-woff" />
            <mimeMap fileExtension="json" mimeType="application/json" />
        </staticContent>
    </system.webServer>
</configuration>

שורה 14 – מיצגת את התת דומיין שהאתר שלנו יהיה (אותו השם שנתנו ל- ALIAC כשהקמנו את האתר ב-IIS).

בנוסף, כדי שבזמן build הקובץ יועתק לספרית dist, נוסיף אותו לקונפיגורציה של קובץ angular.json תחת קטגוריית assets.

  "assets": [
             "src/favicon.ico",
             "src/assets",
             "src/web.config"
         ],
         "styles": [
             "src/styles.scss"
         ],

ניתן ליראות את התוספת בשורה 4.

בקובץ index.html נוסיף ב-head את השורה הבאה –

<base href="/myProj/">

נריץ את הפקודה ng build –prod ואת התוכן נעתיק לספריה שיצרנו ב-IIS.

כמעט סיימנו……. נשאר עוד דבר אחד לעשות.

יש להכנס לאתר לש מיקרוסופט ולהתקין את העדכון הבא:

https://www.iis.net/downloads/microsoft/url-rewrite

הכלי הזה מאפשר ל-IIS להבין את התגית rewrite שכתבנו ב-web.config .

סיימנו, ה-IIS מותאם גם לעבוד עם אנגולר

פוסטים קשורים:

קורס בניית אתרים בוורדפרס – הקמת סביבה לפיתוח בוורדפרס