91 lines
3.4 KiB
JavaScript
91 lines
3.4 KiB
JavaScript
const http = require('http')
|
||
|
||
const testFrontendDecoding = async () => {
|
||
console.log('🔍 測試前端解碼功能')
|
||
console.log('=' .repeat(30))
|
||
|
||
try {
|
||
// 獲取創意題目匯出資料
|
||
console.log('\n📊 獲取創意題目匯出資料...')
|
||
const creativeResponse = await new Promise((resolve, reject) => {
|
||
const req = http.get('http://localhost:3000/api/questions/export?type=creative', (res) => {
|
||
let data = ''
|
||
res.on('data', chunk => data += chunk)
|
||
res.on('end', () => resolve({
|
||
status: res.statusCode,
|
||
data: data
|
||
}))
|
||
})
|
||
req.on('error', reject)
|
||
})
|
||
|
||
if (creativeResponse.status === 200) {
|
||
const creativeData = JSON.parse(creativeResponse.data)
|
||
if (creativeData.success) {
|
||
console.log('✅ 創意題目資料獲取成功')
|
||
|
||
// 模擬前端解碼過程
|
||
const base64Data = creativeData.data
|
||
|
||
// 方法1: 直接使用 Buffer (Node.js 環境)
|
||
const buffer = Buffer.from(base64Data, 'base64')
|
||
const csvContent1 = buffer.toString('utf8')
|
||
|
||
// 方法2: 模擬前端 atob + TextDecoder
|
||
const binaryString = Buffer.from(base64Data, 'base64').toString('binary')
|
||
const bytes = new Uint8Array(binaryString.length)
|
||
for (let i = 0; i < binaryString.length; i++) {
|
||
bytes[i] = binaryString.charCodeAt(i)
|
||
}
|
||
const csvContent2 = new TextDecoder('utf-8').decode(bytes)
|
||
|
||
console.log('\n📋 解碼結果比較:')
|
||
console.log('方法1 (Buffer):')
|
||
console.log(` 前100字符: ${csvContent1.substring(0, 100)}`)
|
||
console.log(` 包含中文: ${/[\u4e00-\u9fff]/.test(csvContent1) ? '✅' : '❌'}`)
|
||
console.log(` BOM檢測: ${csvContent1.charCodeAt(0) === 0xFEFF ? '✅' : '❌'}`)
|
||
|
||
console.log('\n方法2 (atob + TextDecoder):')
|
||
console.log(` 前100字符: ${csvContent2.substring(0, 100)}`)
|
||
console.log(` 包含中文: ${/[\u4e00-\u9fff]/.test(csvContent2) ? '✅' : '❌'}`)
|
||
console.log(` BOM檢測: ${csvContent2.charCodeAt(0) === 0xFEFF ? '✅' : '❌'}`)
|
||
|
||
// 檢查兩種方法是否一致
|
||
const isSame = csvContent1 === csvContent2
|
||
console.log(`\n兩種方法結果一致: ${isSame ? '✅' : '❌'}`)
|
||
|
||
if (isSame) {
|
||
console.log('\n🎉 前端解碼方法正確！')
|
||
console.log('✅ Base64 解碼正常')
|
||
console.log('✅ UTF-8 編碼處理正確')
|
||
console.log('✅ UTF-8 BOM 保留完整')
|
||
console.log('✅ 中文字符顯示正常')
|
||
} else {
|
||
console.log('\n⚠️ 兩種解碼方法結果不同，需要檢查')
|
||
}
|
||
|
||
// 顯示前幾行內容
|
||
const lines = csvContent1.split('\n')
|
||
console.log('\n📋 匯出內容預覽:')
|
||
for (let i = 0; i < Math.min(3, lines.length); i++) {
|
||
if (lines[i].trim()) {
|
||
console.log(`第${i + 1}行: ${lines[i]}`)
|
||
}
|
||
}
|
||
|
||
} else {
|
||
console.log('❌ 創意題目資料獲取失敗:', creativeData.message)
|
||
}
|
||
} else {
|
||
console.log('❌ 創意題目資料獲取失敗，狀態碼:', creativeResponse.status)
|
||
}
|
||
|
||
} catch (error) {
|
||
console.error('❌ 測試失敗:', error.message)
|
||
} finally {
|
||
console.log('\n✅ 前端解碼功能測試完成')
|
||
}
|
||
}
|
||
|
||
testFrontendDecoding()
|