GraphQL API with .NET 5 and Hot Chocolate
Вставка
- Опубліковано 3 жов 2024
- In this step-by-step tutorial I take you through how build a GraphQL API using C#9, .NET 5 and the Hot Chocolate framework.
The video covers:
Application Architecture Overview
GraphQL theory and core concepts
Building Queries
Multi-threaded queries using Pooled DBContextFactory
Sorting & Filtering
Building Mutations
Building Subscriptions (real-time event notifications with Web Sockets)
Level: Intermediate
📕 My Book: www.apress.com...
🤩 Patreon Site (Exclusive Member Benefits!): / binarythistle
📕 Webhooks Course on Udemy: www.udemy.com/...
💻 GitHub Repo: github.com/bin...
🔗 WSL Install: docs.microsoft...
🔗 Installing Docker in WSL: docs.docker.co...
🔗 Visual Studio Code: code.visualstu...
🔗 SQL Server Express: www.microsoft....
🔗 Visual Studio: visualstudio.m...
🔗 Insomnia: insomnia.rest/
🔗 SQL Server on Docker: hub.docker.com...
🔗 SQL Server Management Studio: aka.ms/ssmsful...
🔗 GraphQL Voyager: github.com/API...
🔗 GraphQL Official Site: graphql.org/
🔗 Chilli Cream / Hot Chocolate Site: chillicream.com/
⏲️ Time Codes ⏲️
PART 1 - INTRODUCTION
0:48 Welcome
2:38 Demo
11:10 Course Overview
14:03 Architecture
17:15 Ingredients
PART 2 - THEORY
19:26 What is GraphQL?
20:17 GraphQL Core Concepts
24:22 REST Vs GraphQL
31:22 GraphQL Frameworks in .NET
PART 3 - CODING PART 1
33:42 Environment Setup
38:44 Project Setup
47:58 Setup SQL Server with Docker
58:29 Configuration & Dependency Injection
1:10:41 Set up our 1st Model
1:14:20 Setup DB Context & Connection String
1:25:44 Migrate to DB
1:32:45 Create GraphQL Query
1:37:33 Configuring GraphQL Services (Startup Class)
1:38:54 Configuring GraphQL in Request Pipeline ()
1:40:03 Querying our endpoint with Banana Cake Pop & Insomnia
1:51:39 Setting up and using GraphQL Voyager
1:57:55 Concurrent quering issue
2:02:10 Introducing the Pooled DbContext Factory
PART 4 - CODING PART 2 - EXTENDING OUR QUERIES
2:06:49 Adding our 2nd Model
2:10:51 Update DBContext & Migrate
2:17:41 Querying with multi-model - using projection
2:24:40 Adding a Commands Query
2:28:44 Adding in-line documentation to our API
2:32:46 Annotation Vs Code First approaches
2:38:51 Adding a Platform Type with Resolver
2:51:08 Adding a Command Type with Resolver
3:00:11 Sorting & Filtering capabilities
PART 5 - CODING PART 3 - MUTATIONS & SUBSCRIPTIONS
3:07:05 Introducing Mutations & Adding Platforms
3:17:16 Testing our Platform Mutation
3:22:37 Adding a Commands Mutation
3:30:46 Testing our Commands Mutation
3:34:08 Adding Subscriptions (Real-time events)
3:43:01 Testing our Subscription
PART 6 - WRAP UP
3:45:23 Wrap up and Final thoughts
3:46:48 Patreon Supporter Credits
Tip: If you add a 00:00 time code in your description, then youtube will automatically add chapters to the video.
Did not know this. Great tip.
Just finished reading a book yesterday about creating REST API in .Net core, and now youtube algorithm bring me to the author himself.
conclusion: this guy is a superb teacher!
What's the name of the book brother..?
@@robertmrobo8954 It's linked in the description: The Complete ASP.NET Core 3 API Tutorial
I love his tutorial! His teaching mannerism is so assuring and easy to follow. Best instructor ever!
A lot of tutorials on tech topics fly over the "obvious stuff". I really appreciate that you take the time to go into the details of each step but remain concise. Great video thanks.
This has to be one of the best tutorials I have ever watched. Thanks for putting it together!
i Agree!
Couldn't agree more
One of the best tutorials I’ve seen. Coming from zero knowledge of graphql I feel at least now I understand the concepts backed by hands on examples. Thank you. Count me in as a new subscriber.
Yes, we count you.
Outstanding tutorial. Love how you hand code everything instead of magically pasting in code.
For someone struggling with the voyager setup, this is how it worked for my version of 5.0.2:
app.UseGraphQLVoyager(new VoyagerOptions()
{
GraphQLEndPoint = "/graphql",
}, "/graphql-voyager");
Thanks for this - the "Path" property also doesn't exist, it seems to be set as default to this:
- localhost:5000/ui/voyager
THANKS! I burned an hour on this and could not move on.
Thanks
Thank you for this!
I guess the now supposed way is:
after
endpoints.MapGraphQL();
insert
endpoints.MapGraphQLVoyager("/graphql-voyager");
I have just completed this video and can confirm this was such a great introduction to GraphQL, thank you so much! I agree with another commenter that another video on the advised or suggested ways to query this new API from a frontend perspective would be great too. Thanks again!
Nice tutorial. I learned a lot. Please create a video about authentication and authorization stuff with GraphQL.
The Most effective Tutorial I have ever seen on GraphQL. I was thinking of buying a tutorial in Udemy. Now I think I don't need it. Thanks a lot
I have not seen such a detailed video on GraphQL. Trainer knowledge is very good.
Was missing you and your awesome way of teaching.. hope will get many more this year..
Always enjoy your all tutorials !!!!!!😀
Hi Les, thanks for this great course! I didn't finish it yet, I'm on my way :). I would like to mention one thing I found when running a profiler for sql server: when using ObjectTypes (for Platform and Commands) and doing the heavy lifting manually, there are three queries executed against the database (one per platform id). But if I use the default behavior, there is only one. I think that's worth noting. Thanks!!
This is the best GraphQL tutorial yet I have watched online. Very detailed with well-explained concepts. Thanks for this awesome work!
Currently we are switching our tech stack and your videos are pure gold. Thank you very much
For someone who is doing this app in dotnet 7 and has errors after creating the PlatformType, you need to put the [Parent[ attribute in front of the GetCommands method from the Resolvers class.
This is a breaking change in the framework of HotChocolate
dev from philippines, your content helps me a lot
Amazing tutorial, thank you! What would be awesome is to include a section (or a separate video) on how to handle authorization in GraphQL (both "endpoint-wide" and also user by user/object by object). I know it's a whole different complex can of worms and lots of work, however that's the last piece of info for me to be able to "ditch" REST :) Any chance you would be up to something like that?
There is no doubt that this is the best tutorial out there. Thank you so much Les for also taking the time to explain the things clearly. You just gained a new subscriber.
Very easy to understand, great voice, great visuals and great pace! Overall, a very good tutorial that is easy to digest and very much worthwhile going through. I only had one slight issue when I couldn't get Voyager to work, other than that every part was flawlessly explained and shown!
if you are using package GraphQL.Server.Ui.Voyager Version="5.0.1" or higher the following should help:
using GraphQL.Server.Ui.Voyager;
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
...
app.UseGraphQLVoyager(new VoyagerOptions(){
GraphQLEndPoint = "/graphql"
});
}
default voyager endpoint is "ui/voyager"
cheers.
@@toddnedd2138 This does not work for me.
But this:
app.UseGraphQLVoyager(new VoyagerOptions(), "/graphql-voyager");
You can also omit the path. Then the GraphQL Voyager is accessible via its default: /ui/voyager
@@rafaelskiba3854 I was googling the hell out of it and still unable to figure it out. Thank you so so much!
oh man, You made creating API in .net core so easy by making this video
thanks Les!!!!!!!!!! im subbed to your Patreon now :) next stop: microservices course! keep em comin baby
I just want to say: This is awesome!!!
I was getting errors using the ResolveWith in the two Type classes, what fixed the issue was adding the [Parent] decorator to the first argument in the two Resolvers classes.
public Platform GetPlatform([Parent] Command command, [ScopedService] AppDbContext context) and
public IQueryable GetCommands([Parent] Platform platform, [ScopedService] AppDbContext context)
Hope this helps anyone doing this currently.
This is with HotChocolate version 12.0.1
Got the same, thanks !
and I
I spent two days, and no result. But, THANK YOU ^^
Thanks! you saved a lot of my efforts. I got stuck with these errors
Thank you so much!
This was incredible. Thank you for such detail. This is the only example I've found that walked you through end-to-end. It was perfect!
These are such high quality videos, I love it!
Finally a guy who is happy with 2020!
Les, Thank you so much for your informative tutorials. I did the one on API and Microservices and now GraphQL API and they are so helpful. Your teaching style is great and I have learnt a lot from you.
awesome !! OMG... I watched the whole 3:45 hours continuously without getting tired
Welcome back bro! Keep up the awesome content! You're a great teacher.
This is Superb Tutorial, Well presented . Les hat off to your effort and passion in teaching every bit of details in such a structure and easy format. I loved this video and have become fan of your channel.
Keep up the good work .
Many thanks
great song at the end too :) perfect sized course
subscriptions blew my mind. and also i am very opt in to the idea of starting type-less. after agreeing on the basics with the business representatives, one can quickly provide added complexity.
kudos man. thanks for all the effort you put on this.
i'm not a dotnet developer but i was thrown headfirst into it cause of work, ur videos on it and the way u explain things really helped me a ton!
i just wanna say thanks for making them ~!
I am not tend to comment but this tutorial was Epic. There is no doubt !
Believe it or not, Mr. Jackson, you built my career, thank you.
Thank you for such a superb starter video. Hot Chocolate seems promising
Amazing and detailed video, I learn first-time Graphql
Thank you so much Les Jackson. ❤️
Thanks for the tutorial. Watched and implemented to the end. Everything worked fine. Thanks once again @Les Jackson
Good tutorial for GraphQL novices. Thank you
I love graphql but having done work with graphql.net hot chocolate is far better and I did a demo with a legacy app and got up and running in a day I love banana cake pop as the testing and info ui. Its definitely something I will be promoting. Thank you for your videos it helps so much
Amazing tutorial, very clear, thank you
In this video, I learned a lot from you, Les. Thank you very much!
I believe I will become a fan of your presentations Les. Great work!
Thank you from Russia, with love
What a mad lad! Thank you so much for these great videos, learning with you is so much easier 😊 👍👍
This is really great presentation. Would be great if you could include the pagination support as well.
Thanks a lot for the teaching in simplest way!
This is quality work. It's sat in my list for the last year and I finally got around to watching it since I'm starting to mess around with GraphQL and it's still pretty helpful even though I'm not using Hot Chocolate
Make more and more video about API and GraphQL please... It's very useful,... very useful....
Intro always epic.
Im in the middle of the video atm and I just stopped to say you are fucking legend bro.
very useful, thanks for this great course!
Amazing tutorial, thank you!
Excellent video had to google a breaking change in the HotChocolate 12 update in the Platform and CommandsTypes code, but this is a minor issue. I have implemented Dataloaders which I definitely recommend. Great Job! Thanks!!
Hi Les, Nice presentation . Feels like a live session. Thank you.
Les it is fantastic to see you again on youtube.
you teach very well man
Very good tutorial, thank you very much for that!
Thanks Les Jackson for awesome tutorial.
If you are having trouble with resolvers not working, you must add [Parrent] atribute to the object you are passing into function.
Thanks for taking your time to make up learning in a easy way!
Definitely I recommend this video!
I think I need to learn more theory about database such as schema, projection,... after watch this video,... Know only SQL query language is not enough,... awesome video,... Thank you so much,...
Thanks for Tutorial. Love way of your teaching 👍
Amazing. Thank you for your help pretty much
Great, wondeful, easy to absorb and understand topic. I love your method of training others. I think it would be great if you show at the end for 10 minutes how to call all those GraphQl services (Platform, Command) from a .Net client or an asp.net mvc web page, that would be great if you can add this part, well done and thanks for making this available for the community.
Yes, that would be great. I was also thinking about the graphql response, its very dynamic - How would you deal with this in a .net application?
@@KittFanNr1 I googled but was not able to figure it out for this code, they were all specific and not similar to what Les showed us, maybe he can help us with a 15 minutes video if he has some availability :-)
nice to see you come back :)
Great to be back finally! (Taken a while...)
Fantastic production and awesome tutorial, I followed along and created the same, very much apricated for your efforts.
I love your tutorials. Thank you for sharing this quality videos for free here. Actually you are helping me a lot with my APIs and I am falling in love with the backend part of programming!
Hi Les! Love your voice, your beart, the accent and the way you're teaching us all that interesting stuff! Keep up your good work! For me it is "learning with a smile" and makes it easier then elsewhere! Greetings from Hamburg to Melbourne!
Woaah, amazing video. learned lots of new things. Thanks Les.
Great tutorial mate! I am going to buy your Webhooks tutorial. Thanks a lot!
I used hot chocolate - it's awesome! Thanks for video!
Gracias Mister Lest Jackson por compartir conocimiento.......saludos de los andes peruanios
Thank you Les it was an awesome to start on GraphQL i learned a lot very greatfull with your videos they are large but they worth it
Thanks so much for this great video. Merry Christmas!
Thank you Les, this is awesome, your step by step tutorial is really precise as you type while you going along. I have learned a lot and I like GraphQL.
Very informative and good video. I have gone through it and now will be performing the practical. One request, please upload videos/tutorials at least on monthly basis. Your explanation is simple to follow and in-depth. I really like the way you explain each and every concept. 👌👌👍👍
Good timing, was just looking for some materials to learn graphql. I will definitely take your course. Good to see you again :)
Many thanks for really helpful and detailed education content... took a lot from this tutorial and git repo
This is a great one! Thanks, Les.
Offf, Finally a new video on my favorite channel👏🤩
Thank you for your course!
Les, that was an amazing Course. Thanks you very much.
amazing tutorial! thanks a ton, Les!
Oof! I'm interested in GraphQL and may look at implementing it into one of my future projects. Might have to digest this video in chunks though! :D
Finally got through it. Very interesting, and very well explained.
Waiting this evening to watch the video, but Les, thank you, and Keep up the good work.
Les, this is indeed the best video on this library, but since HotChocolate has reached v13, and they've evolved their API.... Any chance you can make a v2 of this course . Even a paid course would be awesome as training on this is fragmented :-(
Awesome video! Thanks!
Excellent course/video. It also came at a great time since we are looking to implement graph with our .net 5 APIs. We will be looking to combine rest and graph but this will help a ton.
Just started your Udemy course. Love it!
I have not experience as much as you have as software developer but I have suggestion for you, title of the video is GraphQL API with .NET that's why if someone come here they need to know .NET and the rest that's why you don't need to dive into detail of every single component of the journey of the project. and you can make video for them seperately and you can add them in this video's cards section.
Awesome, thank you for another wonderful video!
Thank you very much Les for this awesome course!
Great to hear your voice 🙂🙂
Thanks Rajesh - great to be back!
Hi @@binarythistle. I noticed that GraphQL.Server.Ui.Voyager version 5.0.2 does not have option of new GraphQLVoyagerOptions() in the Configure method in Startup.cs. I had to use the version you;re using
Really , Amazing stuff , Good Work ..
Your content is the best. Thank you
It was fantastic, really helpful!