Book Image

Blazor WebAssembly by Example

By : Toi B. Wright
Book Image

Blazor WebAssembly by Example

By: Toi B. Wright

Overview of this book

Blazor WebAssembly makes it possible to run C# code on the browser instead of having to use JavaScript, and does not rely on plugins or add-ons. The only technical requirement for using Blazor WebAssembly is a browser that supports WebAssembly, which, as of today, all modern browsers do. Blazor WebAssembly by Example is a project-based guide for learning how to build single-page web applications using the Blazor WebAssembly framework. This book emphasizes the practical over the theoretical by providing detailed step-by-step instructions for each project. You'll start by building simple standalone web applications and progress to developing more advanced hosted web applications with SQL Server backends. Each project covers a different aspect of the Blazor WebAssembly ecosystem, such as Razor components, JavaScript interop, event handling, application state, and dependency injection. The book is designed in such a way that you can complete the projects in any order. By the end of this book, you will have experience building a wide variety of single-page web applications with .NET, Blazor WebAssembly, and C#.
Table of Contents (11 chapters)

Using the OpenWeather One Call API

The data source for the project in this chapter is a free API provided by OpenWeather. It is called the OpenWeather One Call API (https://openweathermap.org/api/one-call-api). This API is able to return current, forecast, and historical weather data. We will be using it to access the local forecast for the next 5 days. This is the format of an API call using the OpenWeather One Call API:

https://api.openweathermap.org/data/2.5/onecall?lat={lat}&lon={lon}&appid={API key}

These are the parameters for the OpenWeather One Call API:

  • lat: Latitude. This parameter is required.
  • lon: Longitude. This parameter is required.
  • appid: API key. This parameter is required. It is on the Accounts page under the API key tab.
  • units: Units of measurement. This is set as Standard, Metric, or Imperial.
  • exclude: Excluded data. This is used to simplify data that is returned. Since we will only be using the daily forecast, we will exclude...