前端 SSL 与后端 Socket 服务连接问题
前端配置了 SSL，期望能够安全地连接到后端的 socket 服务。然而，后端尚未配置 SSL，导致浏览器报告混合内容（mixed-content）错误。尽管在本地计算机上使用命令行工具 curl 能够正常访问 118.25.187.49:8005 并接收到 "Hello World" 响应，但浏览器访问时却遇到异常。
我的想法是能否后端配置SSL（听说好像socket不行）
前端代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Stream Client</title>
</head>
<body>
<h1>Stream Client</h1>
<button onclick="fetchStream()">Fetch Stream</button>
<pre id="streamOutput">Stream Output will appear here...</pre>
<script>
function fetchStream() {
const streamUrl = 'http://118.25.187.49:8005'; // 替换为实际的服务器地址
fetch(streamUrl)
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok ' + response.statusText);
}
return response.text(); // 读取响应体作为文本
})
.then(data => {
const output = document.getElementById('streamOutput');
output.textContent = data; // 显示数据
})
.catch(error => {
console.error('Error with the stream:', error);
});
}
</script>
</body>
</html>
后端代码：
<?php
// 设置服务器的IP地址和端口
$server_address = '0.0.0.0:8005';
// 创建 socket 服务
$server = stream_socket_server("tcp://$server_address", $errno, $errstr, STREAM_SERVER_BIND | STREAM_SERVER_LISTEN);
if (!$server) {
die("Failed to create server: $errstr");
}
echo "Server running on {$server_address}\n";
// 持续等待客户端请求
while (true) {
// 检查是否有客户端连接
$read = [$server];
$write = null;
$except = null;
if (stream_select($read, $write, $except, 0)) {
foreach ($read as $stream) {
if ($stream === $server) {
// 接受新的客户端连接
if ($client = stream_socket_accept($server)) {
echo "New client connected\n";
// 准备 HTTP 响应
$response = createHttpResponse();
// 发送 HTTP 响应
fwrite($client, $response);
echo "HTTP response sent\n";
// 关闭客户端连接
fclose($client);
echo "Client disconnected\n";
}
} else {
// 处理客户端数据（这里简化处理，直接关闭连接）
fclose($stream);
}
}
}
}
// 释放资源
fclose($server);
// 函数：创建 HTTP 响应
function createHttpResponse() {
// HTTP 响应状态行
$statusLine = "HTTP/1.1 200 OK\r\n";
// HTTP 响应头
$headers = "Content-Type: text/html; charset=UTF-8\r\n";
$headers .= "Connection: close\r\n";
$headers .= "Server: MyCustomServer/1.0\r\n";
$headers .= "Date: " . gmdate('D, d M Y H:i:s') . " GMT\r\n";
// 空行，分隔头和体
$divider = "\r\n";
// HTTP 响应体
$body = "<!DOCTYPE html><html><head><title>HTTP Response</title></head><body><h1>Hello, World!</h1><p>This is a complete HTTP response from a PHP server.</p></body></html>";
// 组合完整的 HTTP 响应
return $statusLine . $headers . $divider . $body;
}
?>
