-
FEATURED COMPONENTS
First time here? Check out the FAQ!
I have a problem with the zEmbedded js API. I embed the following code on the external page
<script id="embeddedScript" src="https://xxx.de/aemajaxtest/zkau/web/js/zkmax/embedded/embedded.js"></script>
<div id="zkapp">Loading ZK ...</div>
<script>
zEmbedded.load('zkapp', 'https://xxx.de/aemajaxtest/test1.zul')
.then(function(result) { console.log('zkapp', result); })
.catch(function(error) { console.error(error); });
</script>
On the external side I get the following error message e.g.
embedded.js:12 Mixed Content: The page at 'https://externsite/test.html' was loaded over HTTPS, but requested an insecure stylesheet 'http://xxx.de/aemajaxtest/zkau/web/1128a177/zul/css/zk.wcs;jsessionid=F0C8C5822FD72C110A92EEC8BFA964D2'. This request has been blocked; the content must be served over HTTPS.
What could be the problem? Thank you for your help
Thanks Andi
Hi there,
It looks like the zk.wcs stylesheet is loaded through http instead of the expected https. Can you check if the other ZK resources (zk.wpd, etc.) are loading through https as expected?
Which ZK version are you running?
On possible thing to check, is if your ZK service is located behind a reverse proxy (or other network middleware, such as a load balancer, etc), with the public side using https and the internal side using http to the webserver, there could be some requesting issue, in which the server detects an http connection from the proxy to the webserver. In that case, if there is a "direct" access url for the webserver, a simple way to test if this is the issue would be to use the direct url instead of the proxy one.
Asked: 2022-09-13 23:27:00 +0800
Seen: 11 times
Last updated: Sep 15 '22