Consume REST API from Blazor WebAssembly

preview_player
Показать описание
In this tutorial, I'll show you how to call and consume a REST API service from a Blazor WebAssembly application.
I'll explain how to enable CORS (Cross-Origin Resource Sharing) on the RESTful service side.
You'll learn how to register HttpClient with the address of WebAPI service and inject it to the Razor components.
Finally, I'll show you how to display binary images of categories in the Northwind database.
  1. Roozbeh Shad
  2. CORS
  3. Blazor
  4. WebAssembly
  5. Consume REST API
  6. Call REST API
Рекомендации по теме
Consume REST API 0:20:09

Consume REST API from Blazor WebAssembly

How to call 0:03:55

How to call a Web API from a Blazor component #blazor #http #webapi

How to Consume 0:05:28

How to Consume Rest API in Blazor | ASP.NET CORE

GET Request to 0:09:17

GET Request to API with Blazor/C#

Call REST API 0:09:58

Call REST API from ASP NET Core Blazor

How to consume 0:05:32

How to consume REST APIs in your Blazor apps

How to consume 0:12:23

How to consume Data from a Web API using Blazor WebAssembly

Call web api 0:10:50

Call web api from blazor | Call rest api from blazor | .Net 8.0 blazor webassembly

Maratona .NET Conf 2:36:51

Maratona .NET Conf 2024: .NET 9, C# 13, MAUI, ASP.NET, Blazor... | parte 6

Blazor Consuming API 0:14:50

Blazor Consuming API

Call and Consume 0:06:55

Call and Consume REST API from Blazor Server App C# .Net Core(3.1) Session-13

Calling REST API 0:27:22

Calling REST API In Blazor Application

Calling REST API 0:00:24

Calling REST API using Blazor | BCL

Blazor Server Call 0:17:28

Blazor Server Call Web Api / Rest Api from Blazor Component in Asp.Net Core Tutorial

Blazor : Calling 0:06:02

Blazor : Calling REST API Example [WEB API]

Call Web Api 0:18:56

Call Web Api in .Net 6 Blazor Server HttpClient Rest Api

REST API (HTTP 0:08:48

REST API (HTTP Client) in Blazor Web Assembly EP-6

Bind REST API 0:03:13

Bind REST API Data in Angular & Blazor Apps in 1 Click!

Blazor API Client 3:01:49

Blazor API Client using REST & GraphQL APIs - Full Course

List rendering in 0:07:46

List rendering in Blazor | Call rest get api from blazor | .Net 8.0 Blazor webassembly

Build app using 0:28:22

Build app using Blazor, .NET Core Web API and Microsoft SQL Server

Difference Between REST 0:07:24

Difference Between REST API vs Web API vs SOAP API Explained

Blazor WebAssembly api 0:14:57

Blazor WebAssembly api call & Adding Services

Basic CRUD Operation 0:00:53

Basic CRUD Operation of Blazor using Web API | BCL

Комментарии
Автор

Thank you so much for such a concise yet complete explanation. I couldn't find out why I couldn't consume my API. Turns out I completly forgot about CORS. Keep up the good work !

Valoo
Автор

Good job bro. Very simple yet instructive. Just what I needed to get me off my journey in Blazor WASM

MrNoga
Автор

God bless you man!!! I was having a bad time with this blazor error in the bottom, you save all my work

laurosantana
Автор

Great vid.👍😁 I'm a bit new to blazor web assembly. In the 4:50 of the vid, Can a web assembly consume multiple Web Api base addresses?
Let's say the app is consuming 1 web api from amazon and another web api from Microsoft. Is that possible? Thanks.

qutiephoebe
Автор

سلام اقای شاد .
تدریستون عالی هست ، و از ویدیوتون ممنونم .
میخواستم درخواست کنم یک ویدو بسازید در باره نحوه تعیین سطح دسترسی کاربران با نقش های مختلف به سطوح مختلخ .
authentication .
این مسئله رو زیاد دنبالش میگردم ولی چیزی که اصولی باشه رو پیدا نمیکنم .
از ویدو خوبتون هم متشکرم . ❤❤❤❤❤

موسیامیری-سغ
Автор

Get request works, but i have this samme error for Post request...

krzysztofbarbarski
Автор

کد این آموزش رو نیاز دارم، اگه امکانش هست برام بفرست

amirpanah
Автор

What about DELETE, PUT and POST operations sir?
Thanks for the video anyway!

torrvic
Автор

great video! could you upload the source code to github please?

MegaxAT