زمانی که آماده استقرار برنامه انگولار خود در یک سرور هستید میتوانید از طریق تکنیک زیر آن را پیکر بندی و در سرور IIS استقرار دهید :
ابتدا از طریق دستور زیر یک خروجی تهیه نمایید :
ng build
این دستور باعث ساخته شدن خروجی پروژه شما در پوشه داخلی پروژه شما به آدرس زیر می شود :
app/dist
نکته : در صورتی که می خواهید خروجی شما در آدرسی خارج از پروژه ساخته شود از دستور زیر استفاده نمایید :
ng build --output-path "your Address"
پس از اینکه خروجی نرم افزار شما آماده شد نیاز است تا در سرور نیز کارهایی انجام دهید
ابتدا مطمئن شوید که در سرور شما IIS نصب شده و آماده به کار می باشد
سپس فایلهای خروجی پروژه را در یک پوشه در سرور کپی کنید
در پنل IIS ابتدا با راست کلیک بر روی Sites و انتخاب گزینه Add Website اقدام به ساخت یه وبسایت نمایید
مراحل ساخت آن به شرح زیر است :
تنظیمات خاص دیگری نیاز نیست ، سپس تنظیمات را ذخیره کنید
در داخل روت پروژه شما باید یک فایل web.config قرار گیرد :
<configuration> <system.webServer> <rewrite> <rules> <rule name="Angular Routes" 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="/" /> </rule> </rules> </rewrite> <staticContent> <clientCache cacheControlCustom="public" cacheControlMode="UseMaxAge" cacheControlMaxAge="365.00:00:00" /> <remove fileExtension=".woff" /> <remove fileExtension=".woff2" /> <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" /> </staticContent> </system.webServer> </configuration>
توجه مهم : URL Rewrite را فراموش نکنید! حتما آنرا نیز در سرور نصب کنید
از طریق مرورگر آدرسی را که در IIS برای این نرم افزار تنظیم شده است را درخواست کنید .
تبریک میگوییم! شما توانستید نرم افزار انگولار خود را در IIS اجرا کنید .