How to get base URL in ASP.NET Core
You typically don't and shouldn't need to know where a web app is deployed. At least not from within the code of the web app itself. I keep seeing questions related to this, though. There are a range of reasons why this can still be relevant like if you want to generate and output an absolute URL in an MVC controller or Razor page. Here's a blog post about how to get the base URL in ASP.NET Core.
Let's rewind a bit before we start looking into the code. All websites are deployed somewhere. This can be locally on your developer machine, test environment, production environment running on Azure, or something else. Common for all websites is that you will need a URL to access different pages on the website. Example:
https://example.com/path/document.js?id=42
The URL consists of a range of parts. https
is the schema, example.com
is the hostname, path/document.js
is the path, and id=42
is the query string. When talking about the base URL that is the theme of discussion here, that part is a combination of the scheme, port, and hostname:
https://example.com
As you probably already know, the port number can be omitted as long as the web server listens on port 443
for https
or port 80
for http
requests.
With that out of the way, let's get to the point. So, how do we get access to this information in ASP.NET Core? To my knowledge, there are no built-in ways to get the base URL, but the request provides enough information to put it together manually. In MVC it's easy:
public class HomeController : Controller
{
public IActionResult Index()
{
var baseUri = $"{Request.Scheme}://{Request.Host}:{Request.Host.Port ?? 80}";
return View();
}
}
This example is what typically is proposed when people ask on Stack Overflow or similar. There are some downsides to using string interpolation like this. The obvious one is the port part which we in most cases don't want to be included. Luckily, .NET comes with a built-in class for creating URLs named UriBuilder
. Let's refactor the code a bit:
var uriBuilder = new UriBuilder(Request.Scheme, Request.Host.Host, Request.Host.Port ?? -1);
if (uriBuilder.Uri.IsDefaultPort)
{
uriBuilder.Port = -1;
}
var baseUri = uriBuilder.Uri.AbsoluteUri;
In this example, we use the UriBuilder
class to add the scheme and hostname and only add the port if it's in the request. The value of -1
(strangely) represents no port in UriBuilder
. The if
-statement included is to avoid showing the port number in the base URL if it's the default for the scheme. So, in case scheme
is https
and port
is 443
we just want https://example.com
and not https://example.com:443
.
To make this even simpler to use, we can include this code as an extension method on HttpRequest
by creating a new class named HttpRequestExtensions
:
public static class HttpRequestExtensions
{
public static string? BaseUrl(this HttpRequest req)
{
if (req == null) return null;
var uriBuilder = new UriBuilder(req.Scheme, req.Host.Host, req.Host.Port ?? -1);
if (uriBuilder.Uri.IsDefaultPort)
{
uriBuilder.Port = -1;
}
return uriBuilder.Uri.AbsoluteUri;
}
}
Getting hold of the base URL only requires a single line now.
In Razor Pages, you won't have access to the HTTP request like in MVC. To make this work, start by including the HttpContextAccessor
in the Program.cs
file (Startup.cs
if you are on earlier versions of ASP.NET Core):
public static void Main(string[] args)
{
var builder = WebApplication.CreateBuilder(args);
builder.Services.AddHttpContextAccessor();
// ...
var app = builder.Build();
// ...
}
Once that is included you can inject the IHttpContextAccessor
in the Razor page:
{
private readonly IHttpContextAccessor httpContextAccessor;
public IndexModel(IHttpContextAccessor httpContextAccessor)
{
this.httpContextAccessor = httpContextAccessor;
}
public void OnGet()
{
var baseUrl = httpContextAccessor.HttpContext?.Request.BaseUrl();
// ...
}
}
elmah.io: Error logging and Uptime Monitoring for your web apps
This blog post is brought to you by elmah.io. elmah.io is error logging, uptime monitoring, deployment tracking, and service heartbeats for your .NET and JavaScript applications. Stop relying on your users to notify you when something is wrong or dig through hundreds of megabytes of log files spread across servers. With elmah.io, we store all of your log messages, notify you through popular channels like email, Slack, and Microsoft Teams, and help you fix errors fast.
See how we can help you monitor your website for crashes Monitor your website