GraphQL API with .NET 5 and Hot Chocolate
ฝัง
- เผยแพร่เมื่อ 28 ธ.ค. 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
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
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.
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!
I love his tutorial! His teaching mannerism is so assuring and easy to follow. Best instructor ever!
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.
Believe it or not, Mr. Jackson, you built my career, thank you.
Outstanding tutorial. Love how you hand code everything instead of magically pasting in code.
This is the best GraphQL tutorial yet I have watched online. Very detailed with well-explained concepts. Thanks for this awesome work!
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.
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");
Currently we are switching our tech stack and your videos are pure gold. Thank you very much
Finally a guy who is happy with 2020!
Was missing you and your awesome way of teaching.. hope will get many more this year..
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!!
oh man, You made creating API in .net core so easy by making this video
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 ~!
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.
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 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
awesome !! OMG... I watched the whole 3:45 hours continuously without getting tired
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!
I am not tend to comment but this tutorial was Epic. There is no doubt !
thanks Les!!!!!!!!!! im subbed to your Patreon now :) next stop: microservices course! keep em comin baby
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
These are such high quality videos, I love it!
I just want to say: This is awesome!!!
Welcome back bro! Keep up the awesome content! You're a great teacher.
Les it is fantastic to see you again on youtube.
dev from philippines, your content helps me a lot
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!
I believe I will become a fan of your presentations Les. Great work!
nice to see you come back :)
Great to be back finally! (Taken a while...)
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
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?
Thank you from Russia, with love
Always enjoy your all tutorials !!!!!!😀
Thank you for such a superb starter video. Hot Chocolate seems promising
Hi Les, Nice presentation . Feels like a live session. Thank you.
Amazing and detailed video, I learn first-time Graphql
Thank you so much Les Jackson. ❤️
Im in the middle of the video atm and I just stopped to say you are fucking legend bro.
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 :-)
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. 👌👌👍👍
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!
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
In this video, I learned a lot from you, Les. Thank you very much!
great song at the end too :) perfect sized course
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!!
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,...
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
Make more and more video about API and GraphQL please... It's very useful,... very useful....
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!
What a mad lad! Thank you so much for these great videos, learning with you is so much easier 😊 👍👍
Great tutorial mate! I am going to buy your Webhooks tutorial. Thanks a lot!
This is really great presentation. Would be great if you could include the pagination support as well.
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!
I used hot chocolate - it's awesome! Thanks for video!
Amazing tutorial, very clear, thank you
Woaah, amazing video. learned lots of new things. Thanks Les.
Fantastic production and awesome tutorial, I followed along and created the same, very much apricated for your efforts.
Thanks a lot for the teaching in simplest way!
Good timing, was just looking for some materials to learn graphql. I will definitely take your course. Good to see you again :)
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!
Just started your Udemy course. Love it!
Offf, Finally a new video on my favorite channel👏🤩
Many thanks for really helpful and detailed education content... took a lot from this tutorial and git repo
Great to see you back
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.
It is very hard to find tutorials that strikes the perfect balance between concepts and hands on and this tutorial does exactly that. Also i was determined to try out Postman throughout the session but seeing how Insomnia tool supports GraphQL, i do not see myself using postman for graphql executions. Thanks @LesJackson
This is a great one! Thanks, Les.
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 really loved the content here. It was easy to understand and just straight forward. Could you please, go into how to secure a GraphQL Api. I have tried a lot of ways but just cannot get my head around it. Sincerely.
Great video on the topic , please add how to implement paging with relay support as it is important for real world use cases. Greatly appreciated.
Thanks for Tutorial. Love way of your teaching 👍
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 :-(
Thanks Les Jackson for awesome tutorial.
very useful, thanks for this great course!
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.
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.
Hey man on 3:06:00 I notice we still can access the licenseKey in order to query. In fact it is not available as property of the platfom object but it appears as a order
Intro always epic.
do you have any plan on using dapper on your next project?
Great except for two things:
1- I think there should be kind of writing comments. Beginners need that to fully understand the code.
2- I hope you could explain how to upload the project on a working website and how does that process done through VS-Code
Waiting this evening to watch the video, but Les, thank you, and Keep up the good work.
Les, that was an amazing Course. Thanks you very much.
Excellent video. Keep like this dude.
One of the best resources I came across about GraphQL and Hotchocolate. Any change to see in the future Intermediate or advanced topics of HotChocolate and .NET 5?
Fantastic video as always Les
Hi, is there a way to add authentication and authorization to this project?
HI Les i've looked the video from start to finish and a few part again. I've one question wich is about the Resolvers around 2:50. If i implement the resolver patern then i see a EF call for every record. When i don't use the resolver the EF only needs one call for the complete result. Is there i do wrong or is this by design and what is the profit of the resolver patern.
Really , Amazing stuff , Good Work ..
amazing tutorial! thanks a ton, Les!