在前后端交互过程中，XML格式的数据因为标签冗余的问题，往往体积会比JSON等格式更大，当传输大体积XML文件时，会显著增加网络传输耗时和带宽成本。通过Gzip算法对XML请求体进行压缩，可以在不丢失数据内容的前提下大幅减小传输体积，提升上传效率。
前端实现XML压缩与上传
1. 生成XML数据
首先我们需要构造需要上传的XML内容，这里以一个简单的用户数据XML为例：
// 构造XML字符串
function generateXML() {
const xmlContent = `<?xml version="1.0" encoding="UTF-8"?>
<user_list>
<user>
<id>1</id>
<name>张三</name>
<age>25</age>
</user>
<user>
<id>2</id>
<name>李四</name>
<age>28</age>
</user>
</user_list>`;
return xmlContent;
}
2. Gzip压缩XML数据
前端可以使用pako库实现Gzip压缩，需要先引入pako依赖，然后对XML字符串进行压缩处理：
import pako from 'pako';
// Gzip压缩XML字符串
function compressXML(xmlStr) {
// 将字符串转为Uint8Array
const uint8Array = new TextEncoder().encode(xmlStr);
// 执行Gzip压缩，默认压缩级别为6，可根据需求调整
const compressedData = pako.gzip(uint8Array);
return compressedData;
}
3. 发送压缩后的请求
发送请求时需要在请求头中设置Content_Encoding为gzip，告知后端请求体是Gzip压缩后的内容，同时设置正确的Content_Type为application/xml：
// 发送压缩后的XML上传请求
async function uploadCompressedXML() {
const xmlStr = generateXML();
const compressedData = compressXML(xmlStr);
try {
const response = await fetch('http://ipipp.com/api/upload-xml', {
method: 'POST',
headers: {
'Content_Type': 'application/xml',
'Content_Encoding': 'gzip'
},
body: compressedData
});
const result = await response.json();
console.log('上传结果:', result);
} catch (error) {
console.error('上传失败:', error);
}
}
后端实现压缩请求解压与解析
1. Node.js后端实现示例
Node.js后端可以使用zlib模块解压Gzip数据，再解析XML内容：
const express = require('express');
const zlib = require('zlib');
const xml2js = require('xml2js');
const app = express();
// 处理原始请求体，不自动解析
app.use((req, res, next) => {
const chunks = [];
req.on('data', chunk => chunks.push(chunk));
req.on('end', () => {
req.rawBody = Buffer.concat(chunks);
next();
});
});
app.post('/api/upload-xml', (req, res) => {
// 判断请求是否经过Gzip压缩
if (req.headers['content_encoding'] === 'gzip') {
// 解压Gzip数据
zlib.gunzip(req.rawBody, (err, decompressedData) => {
if (err) {
return res.status(400).json({ code: 1, msg: '解压失败' });
}
const xmlStr = decompressedData.toString('utf-8');
// 解析XML内容
xml2js.parseString(xmlStr, (parseErr, result) => {
if (parseErr) {
return res.status(400).json({ code: 1, msg: 'XML解析失败' });
}
console.log('解析后的XML数据:', result);
res.json({ code: 0, msg: '上传成功', data: result });
});
});
} else {
// 未压缩的直接解析
const xmlStr = req.rawBody.toString('utf-8');
xml2js.parseString(xmlStr, (parseErr, result) => {
if (parseErr) {
return res.status(400).json({ code: 1, msg: 'XML解析失败' });
}
res.json({ code: 0, msg: '上传成功', data: result });
});
}
});
app.listen(3000, () => {
console.log('服务启动在3000端口');
});
2. Java后端实现示例
Java后端可以使用GZIPInputStream解压数据，再使用DOM解析XML：
import org.w3c.dom.Document;
import org.xml.sax.InputSource;
import javax.servlet.http.HttpServletRequest;
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import java.io.ByteArrayInputStream;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.util.zip.GZIPInputStream;
public class XmlUploadUtil {
// 解压Gzip数据
public static byte[] decompressGzip(byte[] compressedData) throws IOException {
ByteArrayOutputStream out = new ByteArrayOutputStream();
GZIPInputStream gzipIn = new GZIPInputStream(new ByteArrayInputStream(compressedData));
byte[] buffer = new byte[1024];
int len;
while ((len = gzipIn.read(buffer)) != -1) {
out.write(buffer, 0, len);
}
gzipIn.close();
out.close();
return out.toByteArray();
}
// 解析XML请求
public static Document parseXmlRequest(HttpServletRequest request) throws Exception {
byte[] rawBody = request.getInputStream().readAllBytes();
String contentEncoding = request.getHeader("Content-Encoding");
String xmlStr;
if ("gzip".equals(contentEncoding)) {
byte[] decompressedData = decompressGzip(rawBody);
xmlStr = new String(decompressedData, "UTF-8");
} else {
xmlStr = new String(rawBody, "UTF-8");
}
// 解析XML
DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
DocumentBuilder builder = factory.newDocumentBuilder();
return builder.parse(new InputSource(new ByteArrayInputStream(xmlStr.getBytes("UTF-8"))));
}
}
注意事项
- 压缩级别选择：Gzip压缩级别从1到9，级别越高压缩率越高但耗时越长，一般默认级别6即可平衡压缩效率和压缩率。
- 请求头配置：必须正确设置
Content_Encoding为gzip，否则后端无法识别压缩数据，会导致解析失败。 - 编码一致性：XML声明中的编码和传输时的编码需要保持一致，通常都使用UTF-8，避免出现乱码问题。
- 小体积XML不建议压缩：如果XML内容本身很小，压缩后的体积可能反而更大，还会增加压缩解压的耗时，此时不需要使用Gzip压缩。