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

IDE APP integration/call into WebIQ HMI

IDE APP integration/call into WebIQ HMI

Yacine
Long-established Member

Hello Team, 

does any one, succueed to call or integrate the IDE App into a WebIQ screen ? 

when I try to call it using iFrame object, I have the Rexroth Logo turning, without opening the IDE, (security issue ?), 

Thanks, 

proof92005_0-1623146543751.png

 

proof92005_1-1623146974497.png

 

7 REPLIES 7

webiq-sk
Frequent Contributor

Hello,

I cannot answer your question specifically regarding ctrlX, but regarding such issues in general.

Whenever a website (which everything inside an iFrame widget technically is) wants to prevent other websites from displaying itself inside an iFrame it sets the X-Frame-Options HTTP header (https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options) which a browser then interprets and will not display the corresponding website.

If you open the preview of your WebIQ app and press F12 this will open the developer console.

If you then click on the "Network" tab, reload the page by pressing F5 and then enter the hostname you wish to show inside the iFrame in the input field you can see whether the website you wish to embed prevents it from being embedded:

webiq-sk_0-1623162537157.png

If this is the case then you unfortunately cannot do anything on your side.

The only solution would be that the website you wish to embed changes (or removes) the header so that embedding is allowed.

This is not a limitation of WebIQ, but a web technology feature.

Regards,
Sascha Kimmel

 

ariamalikh
Established Member

Is there any news regarding this topic?

webiq-sk
Frequent Contributor

Hello ariamalikh,

did you analyze the connection as I have outlined above?
If the reason for the problem is the mentioned header then Bosch Rexroth should be able to help.

From the WebIQ side in that case there would be no issue that can be fixed (browser security model).

Regards,
Sascha Kimmel

Yacine
Long-established Member

Hello Sasha, 

it is a browser security model issue, as the IDE App can only be called from ctrlX Works webserver (security already managed), otherwise (without WebIQ), it fails also, 

the question is more for Rexroth Team and how we could manage the security , But thanks for the information provided, It allowed me to validate the issue.

 

Hello proof92005,

the IDE will not work inside an iframe without writing some additional code. It requires to handle some window messages and also the authentication token of the current user must be available.

Yacine
Long-established Member

Hello Miraculix, 

any examples of the code to add in order to manage the IDE App into WebIQ ? 

Thanks.

HmiGuide
Community Moderator
Community Moderator

See article: WebIQ-Communicate-with-ctrlX-Rest-API 

We are also working an an integrated version of IDE tiger, which allows you configure some stuff.

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