Dear Community User! We are updating our platform to a new system.
Read more: Important information on the platform change.

cancel
Showing results for 
Search instead for 
Did you mean: 
SOLVED

Web server for CtrlX core

Web server for CtrlX core

Petter
Member

Hey

We are looking at developing a control snap to use ctrlX as our next control system. In order to provide a HMI and configuration tools to the customers we would lite for CtrlX to provide a webserver, where to we could either connect a web-enabled HMI, a wired connection to a laptop or wifi to a tablet/phone and utilise the same interface.

 

In our view, this would be the simplest and most usable approach. And from what we have read this should be a supported approach... However, i have not found any guide/tutorial/quickstart on how to set up a web server interface on CtrlX core?

 

Have we missed anything here? Anyone has any good links?

 

My first understanding was that webcore would be the solution perfect for us, but on further reading it seems i was mistaken. Webcore is mentioned as being used in CtrlX.. but seems to be just a framework for the graphic design?

 

What we want to achive as the next step, is a webserver running on the CtrlX core/virtual machine, that can serve a page to someone connecting and that can access data from the datalayer.

5 REPLIES 5

Krauskopf
Established Member

Please have a look into the new SDK (1.4.2). There is a new example in the folder public\samples-go\hello.webserver which shows how to create an app which serves a static webpage and how to integrate a link to this webpage into the landing page and main menu.

Krauskopf_0-1598615202924.png

I think this is a good starting point for you to place your own web-based screens on the device.

Nice, thanks. We'll look into it!

 

Would there also be a way to integrate the web pages in the CtrlX core web-app? (One possible idea could be using iframe)

In the example I see that we are hosting the index.html on port 1234 and so we are "leaving" CtrlX web app in order to enter the SDK app.

I'm wondering if there is a possibility to host our SDK made app with the same look and feel as the rest of ctrlX core web app.

aFouraker
Occasional Contributor

@Krauskopf , is it possbile to put an iFrame on the static page and build the HMI in the background?

Hi @aFouraker ,

thanks for your question. Unfortunally we currently do not provide an iFrame container or similar (embed or object). This had two reasons in the past:

  • from a security perspective, iframes provide an additional attack surface that needs to be handled
  • from a aesthetic perspective, iframes might look like a foreign object in the UI if not handled correctly by the 3rd party application

Netherless the need for such a solution is crowing and we will evaluate possibilities for the future. But currently it is only possible to embed a third-party application with an additional link in the sidebar.

Regards

Jochen

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist