How to put the json formatted data from web server to MIT label text?

[Xiaomy Redmii]

This are the data, I am confused on doing this. Need help thank you :)

{"Distance" : 166,"Temperature" : 31.00,"Humidity" : 74.00}

[Xiaomy Redmii]

[Xiaomy Redmii]

I know how to send the data from web server to MIT app inventor in html format but I tried to do the same in JSON formatted text and doesn't retrieve the data. I want it also to separate the data not like the previous one that accepting all in one label text. 

[Xiaomy Redmii]

Or there is no need to use a JSON format?

[Ghica]

How about this:

Cheers, Ghica

[Ghica]

By the way: the label looks something like this:

Distance: 166

Humidity: 74

Temperature: 31

Cheers, Ghica.

[Xiaomy Redmii]

wow

only one label text? :) 

[Ghica]

That is what you wanted, right?

I am nice today, here is the .aia

Cheers, Ghica

[Xiaomy Redmii]

awww thanks ghica :) I already manually copy it hehe super thanks!

[Xiaomy Redmii]

got error on blocks

[Xiaomy Redmii]

line 5 no matching syntax-rule

[Xiaomy Redmii]

its not allowing me to publish the app

[Xiaomy Redmii]

I removed the 2 errors and still not publishing

[Xiaomy Redmii]

[Ghica]

I have No club.
Can you post your .aia?
Cheers, Ghica

[Ghica]

I ment: no clue.

[Xiaomy Redmii]

good morning :) 

[Xiaomy Redmii]

maybe forgot to call the web?

[Xiaomy Redmii]

I finally publish it by dragging the call function for web

[Xiaomy Redmii]

another problem was it's not updating based on the webserver

[Ghica]

Hi Xiaomi,

(your good morning was my midnight...)

You have attached your ,aia, but that looks all too familiar to me... :-(

But what is your problem now?

Were is the part that retrieves data from the web?

Cheers, Ghica

[Xiaomy Redmii]

I don't know how I can update the data from the webserver using json file (blocks) of yours (aia). The file I attached was a code block to send data on the app but it is in normal format (HTTP for)

[Xiaomy Redmii]

[Ghica]

I do not understand what is difficult about this.

In the Web.GotText, you set global jsondata = responseContent and then you call setLabel

But it assumes of course that you receive json from your webserver. If that is not the case, could you maybe show an example of what you receive?

Cheers, Ghica.

[Xiaomy Redmii]

I receive the same output you've expected earlier

[Xiaomy Redmii]

[Abraham Getzler]

I don't know how I can update the data from the webserver

To continually update data from a Web server, put your

Web Get request in a Clock Timer.

The Clock component is in the Designer Sensors Drawer.

ABG

 

[Xiaomy Redmii]

even a JSON formatted text will be allow to use that function?

[Ghica]

I am not sure what you mean,

What ABG says, is that you can use a clock function, and put the web request in the clock.Timer event.

Everything else should stay the same, and assuming that your server wil send json formatted text, you will see the label update every second.

Cheers, Ghica.

[Xiaomy Redmii]

it's not updating :(

I followed your blocks

[Xiaomy Redmii]

I also change the url of the web so that it can be align with my web server (esp8266)

[Abraham Getzler]

I followed your blocks

Show us

ABG 

[Xiaomy Redmii]

here's the block screenshot only I can't send the file I think there's a bug here

[Abraham Getzler]

Now combine that with https://groups.google.com/group/mitappinventortest/attach/45c00524172e6/screenshot_20181114_225344.png?part=0.1&view=1&authuser=0

and the Clock Timer/

ABG

[Xiaomy Redmii]

it doesn't work

[Xiaomy Redmii]

[Ghica]

Where is the clock????
Do you get the right values once? Which would mean that the connection works alright?
Cheers, Ghica

[Xiaomy Redmii]

I didn't try the clock so far 

the values only print the text in global jsondata and not the data from web server

[Xiaomy Redmii]

[Xiaomy Redmii]

what was the possible problem then?

[Xiaomy Redmii]

help please :)

[Xiaomy Redmii]

need your help pls

[SteveJG]

This might work

Use a Clock to continually update.  Perhaps set Clock  TimeInterval to 30 seconds (30000 ms).

In the Web1.GotText   you need something like:

set jsondata to responseContent    because you need this in setlabel

setLabel                                           because you need to parse the json 

Will this work?   No idea... try it and then experiment.  You must have a Clock to continually update and so far, you have not shown any blocks showing you have done this. Instead of the Button (which only will display the temperature data once you need a Clock.  Or, you could press the Button each time you want a new reading.

Regards,

Steve              

[Xiaomy Redmii]

okay sir trying :)

[Xiaomy Redmii]

how to put that setlabel?

[Xiaomy Redmii]

setlabel in the lower part? I'm confused

[SteveJG]

call setLabel Xiaomy  is the call to your label parsing routine. The block needs to follow set jsondata to responseContent

What have you tried?  Just try some code and experiment.  

Think about the free programming course described below to help you understand the suggestions Forum members provide? Show your revised blocks here in the Forum.

Here are some resources to help you learn to use the AI2 tools  It is very difficult to help with some slightly advanced programming techniques when a beginning developer has NOT done any tutorials or taken any training.  Learning on your own is difficult but there are tutorials that help.

A very good way to learn App Inventor is to read the free Inventor's Manual here in the AI2 free online eBook   http://www.appinventor.org/book2 ... the links are at the bottom of the Web page.  The book 'teaches' users how to program with AI2 blocks.

There is a free programming course here http://www.appinventor.org/content/CourseInABox/Intro  and the aia files for the projects in the book are here:  http://www.appinventor.org/bookFiles  

How to do a lot of basic things with App Inventor are described here:  http://www.appinventor.org/content/howDoYou/eventHandling  .

Also look here http://kio4.com/appinventor/index.htm and here http://www.imagnity.com/tutorial-index/ for more tutorials.

[Xiaomy Redmii]

I postpone the building of the block because I still not get any response from the web server and it's still hard for me to connect it there

[Ghica]

Xiaomi,

It is hard to understand your strategy of developing this. First things first!!

Make sure that your basic connection works. The rest is just bit shifting that always can be solved.

A few days ago, you had these blocks:

Now, if you run this app, assuming the ESP is running, and you press Button1, WHAT do you see in Label1.Text??

Copy it here in the forum!

Cheers, Ghica.

[Mark Donadillo]

[Xiaomy Redmii]

pls need your help in my new topic