proxy.html

<!DOCTYPE html>
<html>

<head>
    <title>通用设计器隐藏渲染</title>
    <meta charset="utf-8" />
    <style>
        html,
        body {
            margin: 0
        }
    </style>
</head>
<div id="app"></div>

<body>
    <script src="dist/viewer.js?v=202412151014"></script>
    <script type="module">
        let { searchParams } = new URL(location.href);
        let id = searchParams.get('pId');//从地址栏获取pId并返回回去，供父页面识别
        let action = searchParams.get('action');
        let { origin } = location;
        window.addEventListener('message', async e => {
            let stage;
            try {
                stage = JSON.parse(e.data);
            } catch {
                stage = e.data;
            }
            let { page } = stage;
            if (page.viewer == 'iot') {
                console.error('IoT大屏不支持隐藏渲染');
                parent.postMessage({ pId: id }, origin);
            } else {
                let latent = action != 'print';
                let vf = await viewer.install({
                    version:'202412151014',
                    use: page.viewer,
                    latent,
                });
                if (latent) {
                    let renderData = await vf.getHTML({ stage });
                    parent.postMessage({ pId: id, renderData }, origin);
                } else {
                    await vf.print({ stage });
                    parent.postMessage({ pId: id }, origin);
                }
            }
        });
        //通知父页面当前页面就绪
        parent.postMessage({ pId: id, action: 'ready' }, origin);
    </script>
</body>

</html>