Retrieving and Deserializing JSON in Your Xamarin.Forms App
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- Getting data from a remote server or REST API is a big part of any app. In this video we will learn how to get JSON data from an ASP.NET Core Web API and deserialize that. From there we will see how to show this in a CollectionView by using DataTemplates.
💝 Join this channel to get access to perks:
/ @jfversluis
🛑 Don't forget to subscribe to my channel for more cool content: th-cam.com/users/GeraldVerslui...
🐦 Follow me on Twitter: / jfversluis
🔗 Links
Sample code repo: github.com/jfversluis/XFGetti...
Disable HTTPS Android: devblogs.microsoft.com/xamari...
Multiple run configuration: blog.verslu.is/productivity/v...
QuickType: quicktype.io
Disable HTTPS iOS & Android: • Uploading Files From a...
Xamarin Forms Repo: github.com/xamarin/Xamarin.Forms
⏱ Timestamps
0:00 Intro
0:27 Sample App Outline
1:26 Sample ASP.NET Core Server Project Outline
4:00 Generate C# Class From JSON Data
7:18 Implement Getting JSON from Server
9:52 Important Note About Localhost!
11:48 Testing With HTTPS/SSL
14:23 Deserialize JSON Data
16:00 Run Sample! ... And Fail :(
17:00 Setup Server Sample App For Outside Connections
17:47 Run Sample! Great Success!
18:14 Making the Data Pretty With DataTemplates
19:37 Pretty Sample App
20:06 Outro
🎥 Video edited with Camtasia (ref): techsmith.z6rjha.net/AJoeD
🙋♂️ Also find my...
Twitter: / jfversluis
Blog: blog.verslu.is
Twitch: / jfversluis
All the rest: jfversluis.dev - วิทยาศาสตร์และเทคโนโลยี
Want to learn more about uploading data to a REST API? Check out this video right here: th-cam.com/video/KPDGtLeNClQ/w-d-xo.html
Awesome tutorial! I love how you tied it in with the Collection View and that you didn't edit out the mistakes so we know what the potential pitfalls are. Thanks so much!!!
Thank you Robert! Yeah, unless it's a major catastrofe I'll just let it in so you can also learn from my mistakes :)
I think it's important to realize no one is perfect and hopefully when someone runs into the same thing they now learned 2 things from this video!
Thank You for remembering and made what I was asking for :)) Gerald You are FANTASTIC!! :) And please make this DataTemplate :D
Of course I did! 😌 DataTemplates is also on the list!
Thank you Gerald for this great video! You explained the topic in a simple way, not lost in details.
That’s great to hear, thank you Levent!
This is great ! , keep it up man
Will do! Thank you!
Excellent, just excellent. More than Exccellent my friend. This is what i was looking for. From Dominican Republic: Excellent
That is amazing to hear, thank you so much!
Coool, nice video 👍🏽
Woohoo, thanks!
Thanks Gerald
My pleasure!
You really really really the best 👏
Awww thank you!
Thank you very much.. I needed this.. solved all my problems ;)
Thank is great! Thank you so much for letting me know :D
Great stuff! Nice work on the stream yesterday talking about the community toolkit as well. Thank you for all of the information. If possible I'd like to ask for a video implementing MQTT communication if you are in need of video ideas.
Thank you Jeremy! It was so much fun to do!
MQTT in itself or specific to Xamarin? Not something I'm very familiar with so wouldn't hold my breath, but who knows! I appreciate the suggestion :)
@@jfversluis Thanks for the reply. I was thinking of Xamarin specifically. I currently use websockets but it seems to be a little overkill for my use case. Also, In the toolkit do you think we'll ever have a semi official Bluetooth library. If not is there one you recommend?
Not in the foreseeable future I think. Do you know about Shiny?
@@jfversluis I had looked into it but it was only in prerelease when I was originally developing my app. Have you had a good experience with it?
Hi Gerald,
Awesome video tutorial
I hope you talk about how to use Localization in Xamarin Forms and how to change the app / page / control flow direction RTL/LTR based on localization.
Thanks
Great suggestion! Thank you for watching!
Very good
Thank you Dan! And thank you for being a member! Very much appreciated!
Great course.
How can I add pagination and filter my collectionview ?
Thanks
Here is at least a tutorial on how to add pagination: doumer.me/infinite-scroll-with-the-xamarin-forms-collection-view/
@@jfversluis
Thanks
A great note for anyone on windows, you can use the special paste functionality of vs2019 to create the serializable class instead of using a website
Absolutely! Didn't I mention that in the video?! Did I forget? Because it's such a good feature! I should record productivity tips :D
Thanks for adding this!
@@jfversluis I think you did I just jumped the gun on my comment! :D and a productivity tools and tips video would be great!
No worries! Better one time too many!
I’ll think about those productivity ones... it’s a bit of a blind spot probably because I use a lot of them without even noticing anymore 😄
Awesome! But noticed you said I want to keep it simple without Data Binding, but could you show us how to do with Binding also!
Sure thing! What is it you'd like to see exactly?
Hello, can i ask, i have already searched around your channel and can't find the video u mentioned about sending data to rest api, which i needed, can you please give me the link for that video you mention in the beginning of this video?
Whoops sorry about that, I was referring to this one: th-cam.com/video/KPDGtLeNClQ/w-d-xo.html
Hey, thanks for the tutorial! It hasn't been very easy for me to find good tutorials for the xamarin.forms framework. The sample code repo link seems to be dead, is there any chance you've renamed that project since uploading?
You'll never believe it... I forgot to set the repo to public and no one ever noticed :D
Made it public now! Hope it helps!
@@jfversluis Thanks, I appreciate it!
Great video Gerald. Could you perhaps make a video how to work with libraries?
A library to work with libraries? 😉 I assume you mean video! But what do you want to know about working with libraries?
@@jfversluis lol yes, i was too quick... But would be nice if you could do a video about that. Been thinking myself about a login which i could use in several projects and then only change the layout. But perhaps thats too much to ask haha.
Would be great to see a video on Bluetooth beacons and triggering events
If only Apple would release those AirTags :D
great
i am waiting for app center tutorials😉
and please try to make tutorial series on MVVM and clean architecture or best practices.
Working on it!
@@jfversluis Thanks😊
What do you want to know about MVVM?
@@jfversluis sir all advance concepts.
Can you make that more concrete? What is advanced for one person might now be advanced for another :)
How to Make This Function And Get The Response And displayed in collection View In Fresh MVVM ?
FreshMvvm shouldn't matter in this case. Just make sure to put the data in a ObservableCollection and use that as the source for your CollectionView with databinding
Thanks for that but can u explain how u get the data if json hava child ?
If you paste that into QuickType it will also do that for you. Basically just create another object and add that as a property :) I can do another video on that
@@jfversluis A video on this would be greatly appreciated.
What is de trouble you’re having with it?
Wait, how did you get a response in postman on /weatherforecast without running the application in Visual Studio First? I get a Error: connect ECONNREFUSED "IP adress" ..
Sorry if I made it seem like it isn’t running. It definitely has to run or be hosted somewhere for this to work :)
@@jfversluis Ok so I am implementing what I learn from your uploads, how do I host my api (to a sql express database) so that remote devices can do CRUD operations to and from the database through the XAMARIN.Forms Cross-platform app?
I get a Unexpected character encountered while parsing value. What could this mean?
You’re probably getting HTML back instead of JSON so something about the request or response isn’t right. Try with a tool like postman
I cant retrieve from a json link because the method get does not return anithing, the api has an .json file what should i do in that situation?
Not sure what you mean. You mean it wants do download a .json file rather than sending you the JSON content directly? Read the file in memory and deserialize from there :)
@@jfversluis sorry, english is not my main language, but thanks for the explanation, I figured it out, great video thanks for the explanation
bro please make one with images + json data. for example a product with image using webapi Or a user with profile picture that is uploaded to a webapi.
It’s probably easier to do that separately. If you look at apps they mostly let you add all the “text data” like you profile info first, and you tap on your profile image to set that separately.
Even if that’s not what you want, make the UI so that it looks as one but do two calls in the background one for the data and one for the image.
I’ll see if I can get to a video that combines it, hopefully this helps in the meantime
@@jfversluis thank you so much bro
please also put Web API Consume in MAUI Blazor App
That’s in there but should be no different than doing it in any other type of app :)
That was a little too Quick & Dirty in my Opinion. Fortunately I knew everything already ! ;-)
Oh no! Why’s that? You feel it’s going to fast for people to follow? Or you mean you’d like to see it done a bit more the right way than just creating an HttpClient all the time?
What if we have different naming convention in our json object and c# class properties? Can it still able to deserialize it?
app.quicktype.io/ this was a pro tip. Thanks!
Great! Glad you learned something! If it’s different you can use the JsonProperty attribute on your properties. See for example: www.jerriepelser.com/blog/deserialize-different-json-object-same-class/
@@jfversluis Thanks! I got it.