| <!DOCTYPE html>
|
| <html lang="en">
|
| <head>
|
| <meta charset="utf-8">
|
| <meta name="viewport" content="width=device-width, initial-scale=1">
|
| <title>VvvebJs 身份验证测试</title>
|
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
| <style>
|
| .status-ok { color: #28a745; }
|
| .status-error { color: #dc3545; }
|
| .status-warning { color: #ffc107; }
|
| .debug-info { background: #f8f9fa; padding: 15px; border-radius: 5px; font-family: monospace; font-size: 12px; }
|
| </style>
|
| </head>
|
| <body>
|
| <div class="container mt-5">
|
| <div class="row">
|
| <div class="col-md-8 mx-auto">
|
| <h1 class="mb-4">🔐 VvvebJs 身份验证测试</h1>
|
|
|
| <div class="card mb-4">
|
| <div class="card-header">
|
| <h3>身份验证状态检查</h3>
|
| </div>
|
| <div class="card-body">
|
| <div id="authStatus">
|
| <div class="text-center">
|
| <div class="spinner-border" role="status">
|
| <span class="visually-hidden">检查中...</span>
|
| </div>
|
| <p class="mt-2">正在检查身份验证状态...</p>
|
| </div>
|
| </div>
|
|
|
| <div id="testResults" style="display: none;">
|
| <h5>测试结果</h5>
|
| <div class="debug-info" id="debugInfo"></div>
|
| </div>
|
|
|
| <div class="mt-3">
|
| <button class="btn btn-primary" onclick="testAuth()">🔄 重新测试</button>
|
| <button class="btn btn-warning" onclick="testSave()">🚀 测试保存</button>
|
| <a href="index.html" class="btn btn-secondary">🏠 返回登录页</a>
|
| <a href="editor.html" class="btn btn-success">📝 返回编辑器</a>
|
| </div>
|
| </div>
|
| </div>
|
|
|
| <div class="card">
|
| <div class="card-header">
|
| <h3>保存测试</h3>
|
| </div>
|
| <div class="card-body">
|
| <div id="saveTestResults">
|
| <p>点击 "测试保存" 按钮来测试文件保存功能</p>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
|
|
| <script>
|
| // 页面加载时自动检查身份验证
|
| document.addEventListener('DOMContentLoaded', function() {
|
| testAuth();
|
| });
|
|
|
| function testAuth() {
|
| const statusDiv = document.getElementById('authStatus');
|
| const resultsDiv = document.getElementById('testResults');
|
| const debugDiv = document.getElementById('debugInfo');
|
|
|
| statusDiv.innerHTML = `
|
| <div class="text-center">
|
| <div class="spinner-border" role="status">
|
| <span class="visually-hidden">检查中...</span>
|
| </div>
|
| <p class="mt-2">正在检查身份验证状态...</p>
|
| </div>
|
| `;
|
|
|
| fetch('save.php?action=checkAuth')
|
| .then(response => {
|
| console.log('Auth check response status:', response.status);
|
| return response.json();
|
| })
|
| .then(data => {
|
| console.log('Auth check data:', data);
|
|
|
| if (data.authenticated) {
|
| statusDiv.innerHTML = `
|
| <div class="alert alert-success">
|
| <h5 class="status-ok">✅ 身份验证成功</h5>
|
| <p><strong>用户:</strong> ${data.user || '未知'}</p>
|
| <p>你已成功登录，可以使用VvvebJs编辑器的所有功能。</p>
|
| </div>
|
| `;
|
| } else {
|
| statusDiv.innerHTML = `
|
| <div class="alert alert-danger">
|
| <h5 class="status-error">❌ 身份验证失败</h5>
|
| <p>你当前未登录，需要先登录才能使用编辑器功能。</p>
|
| <a href="index.html" class="btn btn-primary">前往登录</a>
|
| </div>
|
| `;
|
| }
|
|
|
| debugDiv.textContent = JSON.stringify(data, null, 2);
|
| resultsDiv.style.display = 'block';
|
| })
|
| .catch(error => {
|
| console.error('Auth check error:', error);
|
| statusDiv.innerHTML = `
|
| <div class="alert alert-danger">
|
| <h5 class="status-error">❌ 检查失败</h5>
|
| <p>无法检查身份验证状态: ${error.message}</p>
|
| </div>
|
| `;
|
|
|
| debugDiv.textContent = 'Error: ' + error.message;
|
| resultsDiv.style.display = 'block';
|
| });
|
| }
|
|
|
| function testSave() {
|
| const saveResultsDiv = document.getElementById('saveTestResults');
|
|
|
| saveResultsDiv.innerHTML = `
|
| <div class="text-center">
|
| <div class="spinner-border" role="status">
|
| <span class="visually-hidden">测试中...</span>
|
| </div>
|
| <p class="mt-2">正在测试保存功能...</p>
|
| </div>
|
| `;
|
|
|
| const testHtml = `<!DOCTYPE html>
|
| <html lang="en">
|
| <head>
|
| <meta charset="UTF-8">
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| <title>VvvebJs Auth Test</title>
|
| </head>
|
| <body>
|
| <h1>认证测试文件</h1>
|
| <p>创建时间: ${new Date().toISOString()}</p>
|
| <p>如果你能看到这个文件，说明身份验证和保存功能都正常工作。</p>
|
| </body>
|
| </html>`;
|
|
|
| const formData = new FormData();
|
| formData.append('html', testHtml);
|
| formData.append('file', 'auth-test-' + Date.now() + '.html');
|
|
|
| fetch('save.php', {
|
| method: 'POST',
|
| body: formData,
|
| headers: {
|
| 'X-Requested-With': 'XMLHttpRequest'
|
| }
|
| })
|
| .then(response => {
|
| console.log('Save test response status:', response.status);
|
| return response.json();
|
| })
|
| .then(data => {
|
| console.log('Save test data:', data);
|
|
|
| if (data.success) {
|
| saveResultsDiv.innerHTML = `
|
| <div class="alert alert-success">
|
| <h5 class="status-ok">✅ 保存测试成功</h5>
|
| <p><strong>文件:</strong> ${data.file}</p>
|
| <p><strong>外部存储:</strong> ${data.external_storage ? '✅ 成功' : '❌ 失败'}</p>
|
| <p><strong>本地缓存:</strong> ${data.local_cache ? '✅ 成功' : '❌ 失败'}</p>
|
| <p><strong>用户:</strong> ${data.user}</p>
|
| </div>
|
| <div class="debug-info">
|
| ${JSON.stringify(data, null, 2)}
|
| </div>
|
| `;
|
| } else {
|
| saveResultsDiv.innerHTML = `
|
| <div class="alert alert-danger">
|
| <h5 class="status-error">❌ 保存测试失败</h5>
|
| <p><strong>错误:</strong> ${data.message}</p>
|
| ${data.external_error ? '<p><strong>外部错误:</strong> ' + data.external_error + '</p>' : ''}
|
| </div>
|
| <div class="debug-info">
|
| ${JSON.stringify(data, null, 2)}
|
| </div>
|
| `;
|
| }
|
| })
|
| .catch(error => {
|
| console.error('Save test error:', error);
|
| saveResultsDiv.innerHTML = `
|
| <div class="alert alert-danger">
|
| <h5 class="status-error">❌ 保存测试异常</h5>
|
| <p>请求失败: ${error.message}</p>
|
| </div>
|
| `;
|
| });
|
| }
|
| </script>
|
| </body>
|
| </html> |
