GraphQL API with .NET 5 and Hot Chocolate
ฝัง
- เผยแพร่เมื่อ 4 ก.พ. 2021
- 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/gp/book/978148...
🤩 Patreon Site (Exclusive Member Benefits!): / binarythistle
📕 Webhooks Course on Udemy: www.udemy.com/course/webhooks...
💻 GitHub Repo: github.com/binarythistle/S04E...
🔗 WSL Install: docs.microsoft.com/en-us/wind...
🔗 Installing Docker in WSL: docs.docker.com/docker-for-wi...
🔗 Visual Studio Code: code.visualstudio.com/download
🔗 SQL Server Express: www.microsoft.com/en-au/sql-s...
🔗 Visual Studio: visualstudio.microsoft.com/do...
🔗 Insomnia: insomnia.rest/
🔗 SQL Server on Docker: hub.docker.com/_/microsoft-ms...
🔗 SQL Server Management Studio: aka.ms/ssmsfullsetup
🔗 GraphQL Voyager: github.com/APIs-guru/graphql-...
🔗 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.
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
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!
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
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.
This is the best GraphQL tutorial yet I have watched online. Very detailed with well-explained concepts. Thanks for this awesome work!
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.
I love his tutorial! His teaching mannerism is so assuring and easy to follow. Best instructor ever!
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.
Outstanding tutorial. Love how you hand code everything instead of magically pasting in code.
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!
Currently we are switching our tech stack and your videos are pure gold. Thank you very much
Always enjoy your all tutorials !!!!!!😀
Welcome back bro! Keep up the awesome content! You're a great teacher.
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!
Thanks for taking your time to make up learning in a easy way!
Definitely I recommend this video!
These are such high quality videos, I love it!
Good timing, was just looking for some materials to learn graphql. I will definitely take your course. Good to see you again :)
What a mad lad! Thank you so much for these great videos, learning with you is so much easier 😊 👍👍
Was missing you and your awesome way of teaching.. hope will get many more this year..
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 just want to say: This is awesome!!!
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!!
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.
Thanks a lot for the teaching in simplest way!
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 ~!
Amazing tutorial, thank you!
Les it is fantastic to see you again on youtube.
Amazing tutorial, very clear, thank you
I have not seen such a detailed video on GraphQL. Trainer knowledge is very good.
very useful, thanks for this great course!
Nice tutorial. I learned a lot. Please create a video about authentication and authorization stuff with GraphQL.
awesome !! OMG... I watched the whole 3:45 hours continuously without getting tired
Thank you very much Les for this awesome course!
Hi Les, Nice presentation . Feels like a live session. Thank you.
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.
I believe I will become a fan of your presentations Les. Great work!
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
Thanks Les Jackson for awesome tutorial.
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
amazing tutorial! thanks a ton, Les!
Finally a guy who is happy with 2020!
Thanks for Tutorial. Love way of your teaching 👍
Offf, Finally a new video on my favorite channel👏🤩
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
This is a great one! Thanks, Les.
Your content is the best. Thank you
Thank you for your course!
In this video, I learned a lot from you, Les. Thank you very much!
Good tutorial for GraphQL novices. Thank you
Fantastic production and awesome tutorial, I followed along and created the same, very much apricated for your efforts.
Thank you for such a superb starter video. Hot Chocolate seems promising
Thanks so much for this great video. Merry Christmas!
great song at the end too :) perfect sized course
Amazing. Thank you for your help pretty much
Fantastic video as always Les
Awesome video! Thanks!
Woaah, amazing video. learned lots of new things. Thanks Les.
This has to be one of the best tutorials I have ever watched. Thanks for putting it together!
i Agree!
Couldn't agree more
Awesome tutorial!!! Thank you very much!!!!
Awesome, thank you for another wonderful video!
you teach very well man
Awesome tutorial. Thank you
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.
Just started your Udemy course. Love it!
oh man, You made creating API in .net core so easy by making this video
It was fantastic, really helpful!
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
Many thanks for really helpful and detailed education content... took a lot from this tutorial and git repo
Intro always epic.
Great tutorial, thanks!
Les, that was an amazing Course. Thanks you very much.
I used hot chocolate - it's awesome! Thanks for video!
This is really great presentation. Would be great if you could include the pagination support as well.
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. 👌👌👍👍
thanks Les!!!!!!!!!! im subbed to your Patreon now :) next stop: microservices course! keep em comin baby
Great to see you back
Waiting this evening to watch the video, but Les, thank you, and Keep up the good work.
Thanks for this amazing tutorial
Great video, thanks.
Thanks for this video!!
Great tutorial mate! I am going to buy your Webhooks tutorial. Thanks 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?
Really , Amazing stuff , Good Work ..
Great stuff. Thanks
Thank you from Russia, with love
wonderful stuff, thank you!
Thank you Les !
nice to see you come back :)
Great to be back finally! (Taken a while...)
Excellent video. Keep like this dude.
Believe it or not, Mr. Jackson, you built my career, thank you.
Amazing video thank you!
dev from philippines, your content helps me a lot
Gracias Mister Lest Jackson por compartir conocimiento.......saludos de los andes peruanios
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!!
Thank you. Your videos is very helpful for me :)
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!