Route Web Server Request to App server through proxy

-

 Route Web Server Request to App server through proxy


Step 1 – Download and install required dependency on IIS Server

 Application Request Routing Module

Download URL: - https://www.microsoft.com/en-us/download/details.aspx?id=47333

 URL Rewrite Module

Download URL: - https://www.microsoft.com/en-in/download/details.aspx?id=7435


Step 2 – Configure ARR as a Forward Proxy 


To enable ARR as a proxy, and to create a URL Rewrite rule to enable ARR as a forward proxy, proceed as follows:


 1. Open Internet Information Services (IIS) Manager. 

2. In the Connections pane, select the server. 

3. In the server pane, double-click Application Request Routing Cache





4. In the Actions pane, click Server Proxy Settings.





5. On the Application Request Routing page, select Enable proxy.





6. In the Actions pane, click Apply. This enables ARR as a proxy at the server level.




7. To start the process of turning ARR into a forward proxy, click on the server node in the Connections pane

8. In the server pane, double-click URL Rewrite.




9. In the Actions pane, click Add Rule(s). 



10. In the Add Rule dialog box, double-click Blank Rule.



11. In the Edit Inbound Rule dialog box

1. Name : - Rule Name

2. Pattern: - Will base on how you’re calling API from environment.ts file.

Example: - http://www.webserver.com/api/

Pattern: - ^api/(.*)

3. Test Pattern – You can test your pattern by clicking on button test pattern and out same web request.

4. Action : - Rewrite

5. Rewrite URL: Your app server URL

Example 1: -http://www.apiserver.com/

Example 2: -http://www.apiserver.com/api/ - written api after domain name because all API request are be starting from /api








12. In the Actions pane, click Apply.

 13. Restart iis server


Example: -

Angular prod-enviorment.ts

apiUrl:- http://www.webserver.com/api/

Below is my web.config file, when we will add URL rewrite rule in URL Rewrite Module then it will automatic reflect in web.config.

<?xml version="1.0" encoding="UTF-8"?>

<configuration>

<system.webServer>

<rewrite>

<rules>

<rule name="Reverse Proxy" stopProcessing="true">

<match url="^api/(.*)" />

<action type="Rewrite" url="http://www.appserver.com/api/{R:1}" />

</rule>

</rules>

</rewrite>

</system.webServer>

</configuration>



Reference Links: -

1. https://docs.microsoft.com/en-us/iis/extensions/configuring-application-request-routing-arr/creating-a-forward-proxy-using-application-request-routing

2. https://www.stefanoscerra.it/iis-rewrite-rules-configuration-angular-web-config/

3. https://tecadmin.net/enable-url-rewrite-iis/

4. https://port135.com/2018/10/18/how-to-check-if-arr-extension-is-installed-in-iis/

Comments

Post a Comment

Popular posts from this blog

Angular Best Practices and Coding Standards: A Guide for Developers

-
Image
  Angular Best Practices and Coding Standards: A Guide for Developers Angular, a powerful and widely used front-end framework, empowers developers to build robust and scalable web applications. However, harnessing its full potential requires adherence to best practices and coding standards. In this blog, we'll explore essential Angular best practices and coding standards to help developers write clean, maintainable, and efficient code. 1. Follow the Angular Style Guide: Angular provides an official style guide that outlines conventions for formatting, naming, and organizing code. Adhering to this guide ensures consistency across projects and enhances collaboration among developers. 2. Module Organization: Feature Modules: Organize your application into feature modules based on functionality. Aim for a flat structure with a dedicated module for each feature. Shared Module: Create a shared module for components, directives, and pipes used across multiple modules. Import the shared mo...
Read more

Top 7 ways to use Interceptors in Angular

-
  Top 7 ways to use Interceptors in Angular It Intercepts and handles an HttpRequest or HttpResponse. Most interceptors convert the outgoing request before passing it on to the next interceptor in the chain. Handle (transformed rake). An interceptor can also alter the response event stream by applying additional RxJS operators to the stream returned by the next.take care (). An interceptor may rarely fully handle the request and create a new event stream instead of invoking nextHandle(). This is acceptable behavior, but be aware that further interceptors will be skipped altogether. interface HttpInterceptor {     intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>>   }   It is rare but valid for an interceptor to return multiple responses on the event stream for a single request. 1. Authentication And first on the list is authentication! It is just so fundamental for many applications that we have a pro...
Read more