部署Angular 4应用至IIS 7服务器的系统前置条件问询

Hey there! Let's walk through all the server-side requirements you need to have in place before deploying your Angular 4 app to IIS 7 smoothly:

1. Supported Operating System #

• Windows Server 2008 R2 or later (IIS 7 comes bundled with these server OS versions; while Windows 7 also includes IIS 7, we strongly recommend using a dedicated server OS like Server 2008 R2/2012 for production environments)

2. IIS 7 Core Components #

Make sure these features are installed via Server Manager > Roles > Web Server (IIS) > Add Role Services:

• Web Server: The base IIS web server component
• Common HTTP Features: Enable Static Content (to serve Angular's static assets like HTML, CSS, and JS files) and Default Document (to set index.html as the default entry point for your app)
• Application Development: This is only required if your app has a backend API hosted on the same IIS instance. For pure Angular frontend apps, you can skip most sub-components here.

3. URL Rewrite Module 2.0 #

This is non-negotiable for Angular's client-side routing to work correctly. Angular uses HTML5 pushState routing, which IIS doesn't handle natively. The URL Rewrite module will redirect all non-file requests (like your custom route paths) back to index.html, ensuring your app routes load properly.

• Install it via the IIS Manager's Web Platform Installer (search for "URL Rewrite 2.0") or through the server's feature installation tools.

4. Node.js (Optional but Handy) #

If you plan to build your Angular 4 app directly on the server (instead of building locally and uploading the dist folder), you'll need:

• Node.js 8.x or later (Angular 4 is best compatible with Node 8-10; stick to these versions to avoid build issues)
• npm (bundled with Node.js) to install dependencies and run ng build --prod to generate the production-ready dist folder.

5. File System Permissions #

• Ensure the IIS application pool identity (usually IIS_IUSRS or a custom service account) has read access to the folder where you'll deploy your Angular app's dist files.
• If building on the server, the account running the build process needs write access to the project folder to generate the dist directory.

6. SSL Certificate (Optional but Recommended for Production) #

If your app handles sensitive data or needs secure communication, install an SSL certificate on IIS 7 and bind it to your app's website. This ensures all traffic runs over HTTPS.

内容的提问来源于stack exchange，提问作者Seema A