Create Flutter App With Asp.Net Core Web API As Backend - Full Tutorial

Опубликовано: 05 Октябрь 2024
на канале: Code Hub

6,960

147

In tutorial, you'll learn:
1. How to create Asp.Net core web API
2. How to fetch data from an API in to your Flutter Application
3. How to merge the power of Flutter and .Net 8 to create powerful application which is blazingly fast.

-------------------------------------------------------------------------------------
Why I used Asp.Net Core Web API:
1. It is blazingly fast. much faster than node.js as back-end.
2. It is beginner friendly.
3. It is easy to setup.
4. It is much secure and can be made more secure using identity.
5. AND Important: It is for those people who have .Net background and want Asp.Net Core Web API as back-end for their application.

-------------------------------------------------------------------------------------
Also Watch:

1. Create Asp.net Core Web API with JWT Authentication And Authorization [Complete Tutorial]:    • Create Asp.Net Core Web API with JWT ...

2. Connect Flutter With Asp.Net Core Web API To Run On Emulator & Real Device:    • Connect Flutter With Asp.Net Core Web...

3. Create Role Based User Management App In Flutter With Asp.Net Core Web API as Backend From Scratch:    • Create Role Based User Management App...

-------------------------------------------------------------------------------------

For this project, we need 3 package to import in our project:
1) http: https://pub.dev/packages/http
2) flutter form builder: https://pub.dev/packages/flutter_form...
3) form builder validators: https://pub.dev/packages/form_builder...

We also need 2 VSC extensions for flutter development:
1) Flutter
2) Dart
3) Flutter Widget Snippets (Optional but extremely helpful)
4) Pubspec Assist (Optional but very helpful)

-------------------------------------------------------------------------------------

Connection String:-

"ConnectionStrings": {
"DbConnectionString": "Server={ServerName(without curly brackets)};Database={DatabaseName((without curly brackets))};Trusted_Connection=True;MultipleActiveResultSets=true;TrustServerCertificate=true"
}

-------------------------------------------------------------------------------------

Source Code: https://github.com/FLDevelopers/Flutt...

-------------------------------------------------------------------------------------

Time Stamps
00:00 Project Intro
01:00 Create Asp.Net Core Web API
09:30 Create Flutter Project And Import Packages
11: 19 Create Model Class
14:01 Create Get Method To Fetch Data
22:16 Create Update Method To Update Data
28:49 Create Post Method To Post Data
33:24 Create Delete Method To Delete Data
36:33 Create Find User By ID To Fetch Single Data
43:42 Outro

-------------------------------------------------------------------------------------

Join WhatsApp Channel: https://whatsapp.com/channel/0029VaE0...
Check out our website: https://www.freetrained.com/
Facebook Page Link:   / free_trained
Facebook Group Link:   / 1746009532359857

Please Subscribe Our YouTube Channel For More interesting Videos And Don't Forget To Share Our Channel With Your Friends.

Note: *Please Turn Off Any Ad Blocker Software or add-on to support us.

-------------------------------------------------------------------------------------

Additional Tags:
#flutter #api #aspnetcore #aspnetcorewebapi #http #flutterapp #flutterdeveloper #programming #mobiledevelopment #android

-------------------------------------------------------------------------------------

Background Audio Attribution:
Almost in F - Tranquillity by Kevin MacLeod is licensed under a Creative Commons Attribution 4.0 license. https://creativecommons.org/licenses/...
Source: http://incompetech.com/music/royalty-...
Artist: http://incompetech.com/

-------------------------------------------------------------------------------------