ACAP with web interface

[Styblo]

Hello,
I am currently working on the project and I want for main program "example.c" to has web interface, where you can adjust or change the data (for example username and password for RTSP stream)

I combined my program with the program here:
https://github.com/AxisCommunications/acap-native-sdk-examples/tree/main/web-server

I also used the library <axsdk/axparameter.h> for shared variables between the program and web server, but I cant run it right. It can be compiled with docker and the "example.c" main program runs when i run it on the camera, but when I open the web interface and type the username and password, it returns me this error:

So the main problem is that the web server is not working correctly i think.

Do you have any suggestions or can you help me, what should I do to make it work?

Thank you. :)

[losamtz]

Hi @Styblo ,

It looks like a json error on parsing. There is a similar example with axparameter and civetweb here (without registering callbacks though), please have a look:
https://github.com/losamtz/axis-acap-tip-workshop/tree/master/webserver-proxy/web-proxy

Or share some code related.

[Styblo]

Hello @losamtz
I will answer on the second message from you.

[losamtz]

@Styblo , that error normally happens when the Json parser receives "<" from an html tag, that the server is sending to your client/custom UI. I guess your js is expecting "{" from your server. Did you create a handler to handle the post request? IF you are only using the sample it will return the html file because it only listens to the root one "/".

You can use Jansson lib in your acap to create and parse json payload in your handler function or associated function that handles the logic from your handler in charge of handling the post resquest.

Could you share some code from the handler and function that writes back to the client? Or did the example helped?

[Styblo]

Hello @losamtz,
I will take a look at that "<" if it could be that, what causes the error. I don't have a time right now to try the example you sent in the first message, so I will let you know tommorow. I am not currently using Jansson lib, but I will give it a try.

Do I undesrstand it right, that you need to have separate program for the webserver and your program but have it all compiled in one .eap file?

in the picture you can see folder of my program
custom_lib - ts folder where are my custom libraries
html - is the folder, where the index.html is
main.c - is the main program that do some things and i want to read the shared variables that webserver
webserver.c - is the separate program for webserver

Thank you for you time.

[losamtz]

Hi @Styblo ,

the server runs on main() :

Parameter handler function:

Response/send_json() function to client UI:

Structure here:

Please check the example to see how it connects with axparameter.

Client side js:

[Styblo]

hello @losamtz
thank you for the screenshots, i will look at it.