71 lines
		
	
	
		
			2.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			71 lines
		
	
	
		
			2.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<?php
 | 
						|
header("Access-Control-Allow-Origin: *");
 | 
						|
header("Access-Control-Allow-Headers: X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method");
 | 
						|
header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
 | 
						|
header("Allow: GET, POST, OPTIONS, PUT, DELETE");
 | 
						|
?>
 | 
						|
<!DOCTYPE html>
 | 
						|
<html lang="en">
 | 
						|
 | 
						|
<head>
 | 
						|
    <meta charset="UTF-8">
 | 
						|
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
						|
    <title>DevStar Home</title>
 | 
						|
</head>
 | 
						|
 | 
						|
<body>
 | 
						|
    <iframe src="http://localhost:8080/test/embedded.html" 
 | 
						|
    width="100%" 
 | 
						|
    height="50%"
 | 
						|
    frameborder="0"
 | 
						|
    style="border: 0; left: 0; right: 0; bottom: 0; top: 0; position:absolute;">
 | 
						|
    </iframe>
 | 
						|
 | 
						|
    <!-- <iframe src="http://www.devstar.cn" 
 | 
						|
    width="100%" 
 | 
						|
    height="100%"
 | 
						|
    frameborder="0"
 | 
						|
    style="border: 0; left: 0; right: 0; bottom: 0; top: 0; position:absolute;">
 | 
						|
    </iframe> -->
 | 
						|
    <script>
 | 
						|
        const vscode = acquireVsCodeApi();
 | 
						|
 | 
						|
        function firstOpenRemoteFolder() {
 | 
						|
            vscode.postMessage({ command: 'firstOpenRemoteFolder', host: host, username: username, password: password, port: port, path: path });
 | 
						|
        }
 | 
						|
 | 
						|
        function openRemoteFolder() {
 | 
						|
            vscode.postMessage({ command: 'openRemoteFolder', host: host, path: path });
 | 
						|
        }
 | 
						|
 | 
						|
        function firstOpenRemoteFolderWithData(host, username, password, port, path) {
 | 
						|
            vscode.postMessage({ command: 'firstOpenRemoteFolder', host: host, username: username, password: password, port: port, path: path });
 | 
						|
        }
 | 
						|
 | 
						|
        function openRemoteFolderWithData(host, path) {
 | 
						|
            vscode.postMessage({ command: 'openRemoteFolder', host: host, path: path });
 | 
						|
        }
 | 
						|
 | 
						|
        // 监听子页面的消息
 | 
						|
        window.addEventListener('message', (event) => {
 | 
						|
            // 出于安全考虑,检查 event.origin 是否是你预期的源
 | 
						|
            // if (event.origin !== "http://expected-origin.com") {
 | 
						|
            //     return;
 | 
						|
            // }
 | 
						|
        
 | 
						|
            try {
 | 
						|
                const data = JSON.parse(event.data);
 | 
						|
                if (data.action === 'firstOpenRemoteFolder') {
 | 
						|
                    console.log('Received message:', data);
 | 
						|
                    firstOpenRemoteFolderWithData(data.host, data.username, data.password, data.port, data.path);
 | 
						|
                } else if (data.action === 'openRemoteFolder') {
 | 
						|
                    console.log('Received message:', data);
 | 
						|
                    openRemoteFolderWithData(data.host, data.path);
 | 
						|
                }
 | 
						|
            } catch (error) {
 | 
						|
                console.error('Error parsing message:', error);
 | 
						|
            }
 | 
						|
        });
 | 
						|
    </script>
 | 
						|
</body>
 | 
						|
</html> |