Generate OpenApi (Swagger) Angular client API library & stop maintaining APIs in your Angular app!

Рет қаралды 18,125

2 жыл бұрын

Learn how to leverage the power of OpenApi Codegen to generate Angular client API library and how to use that library in your Angular app.
Stop wasting hours in maintaining API code in the Angular app and dealing with object mappings and bug-prone development.
This video focuses on Angular client but there are dozens of languages/frameworks that OpenApi Codegen supports.
Please Like this video and Subscribe to my channel in order to support me in creating more tutorials like this.
Please feel free to comment on the video if you have any questions, or if you'd like me to do a tutorial on anything.
Helpful Links:
Swagger / OpenApi Docs: swagger.io/docs/specification...
OpenApi CodeGen setup: github.com/OpenAPITools/opena...
GitHub Repo: github.com/techtacious/market... (Branch: tutorial-openapi)
Nx (Nrwl) : nx.dev/l/a/getting-started/intro

Пікірлер: 33

@expansiondigital 2 жыл бұрын

Excellent explanation, there is almost nothing explaining openapi and Angular. Thanks for your contribution.

@techtacious 2 жыл бұрын

I'm glad I could help. :) Please feel free to post suggestions for topics you'd like to see on this channel. Happy coding!

@sudharsanreddy8631 2 жыл бұрын

This is amazing tutorial to start with openapi client in angular, thanks :)

@techtacious 2 жыл бұрын

I'm glad I could help. :)

@user-vq7lv3bn6z Ай бұрын

thanks for your contribute very much

@techtacious Ай бұрын

No problem. Thanks for watching!

@mahboubehmaleklou4083 9 ай бұрын

thank you for this video , i suscribed you for future tutorial ... good luck

@techtacious 9 ай бұрын

Thank you!

@ebichu8126 2 жыл бұрын

Thanks a lot!

@techtacious 2 жыл бұрын

Glad I could help!

@robertkameni5975 7 ай бұрын

Great Video✌

@techtacious 7 ай бұрын

Thank you and thanks for watching!

@kartikkanwar91 2 жыл бұрын

awesome!

@techtacious 2 жыл бұрын

I'm glad I could help. :) Please feel free to post suggestions for topics you'd like to see on this channel. Happy coding!

@tijanimiracle90 Жыл бұрын

god will bless you this really help me alot today

@techtacious Жыл бұрын

I'm glad I was able to help. Happy coding! 🙂

@gavarniwinter6045 Жыл бұрын

Hands down best video on this subject all these other videos of annoying nerds posting things we not interested in i dont wanna install 1000 other dependencies / tools for a code gen.

@techtacious Жыл бұрын

Thanks a lot! I'm glad you found it useful.

@sickboy1776 Жыл бұрын

Great tutorial, thank you for your effort. I have a question about implementing micro services backend architecture, how do you implement and generate multiple swagger spec jsons when you a separate swagger for each of them?

@techtacious Жыл бұрын

Thank you! I recommend using Nx to maintain a monorepo. Every microservice can have its own swagger spec file. The file can either live somewhere in the microservice directory itself, or you can have a separate folder in the monorepo and call it swagger, and place all spec files there. You can then leverage Nx to have a command in your microservice's workspace.json, that would generate the swagger library using the respective microservice swagger spec file. The command would basically call a script that would find the associated swagger spec file for the microservice (have a naming convention) and run the respective codegen command to generate the client library for the microservice.

@sickboy1776 Жыл бұрын

@@techtacious This was what i was looking for... Thanks!

@ellen9427 Жыл бұрын

hello, I want to use the open API, but my project is in QT, if I just use the .yaml file in my project without the settings you made in libs/openapi will it work? or it only works with settings made in libs/openapi??????? URGENT

@techtacious Жыл бұрын

Ideally it should work but you may need some configurational settings specific to QT. I havent really worked with QT so I can't be sure.

@nvelchev 9 ай бұрын

Hi Sahaj, Great video! Thanks for sharing it. I have a question. What if I have more than one client? In a microservice project, we have different clients for the different microservices. I see that the instance of the ConfigurationParams is coming from a specific client that you built. How I can pass the same configuration to all clients instead of repeating the same code N times using the objects from each client?

@manasipalkar9794 3 ай бұрын

I m trying to see if I can generate the angular code from swagger without dropping sonar cube analysis

@techtacious Ай бұрын

I'm not sure why you would need to drop sonarcube analysis. The analysis should work on any code.

@MobiFarmer 2 жыл бұрын

best

@techtacious 2 жыл бұрын

I'm glad I could help. :) Please feel free to post suggestions for topics you'd like to see on this channel. Happy coding!

@firecape8822 Жыл бұрын

Thank you...really appreciate it. How would I have my .NET core api generate a yaml file from an API I already have?

@techtacious Жыл бұрын

No worries, thanks for watching! I have never worked with .NET but I'm sure there would be documentation regarding this on Openapi / Swagger's website.