微信小程序流式输出

遇到的问题

拿到数据后中文显示乱码，但英文和数字都没问题

RequestTask.onChunkReceived接收utf-8编码的中文字符串异常：https://developers.weixin.qq.com/community/develop/doc/00026c686c0a888fd26f49b6951c00

我估计问题在这里，当要监听分块返回时，他将返回结果强制为文本了，触发分块监听时，拿文本转到arraybuffer时，直接用的是文本的长度，中文对应的字节就变为一个了，这就解释了，英文和数字没问题，中文就乱码。

解法 ⭐️

解决思路是在服务端进行Base64编码，然后在小程序接收之后，前端收到bytearray 后，直接 TextDecoder 解码就拿到 base64，再解码就拿到中文了

这又有点问题了，本来是准备用string wx.arrayBufferToBase64(ArrayBuffer arrayBuffer)

https://developers.weixin.qq.com/miniprogram/dev/api/base/wx.arrayBufferToBase64.html

但是人家这个这个接口废弃了！！能用，但是有问题。

只能用TextDecoder 解码就拿到 base64

然后最大的问题是base64转化成中文，小程序并未提供原生的接口。要怎么把base64转化成中文勒，在

https://developers.weixin.qq.com/community/develop/doc/000ee246af8cd8747bce589555c000里面花开花落自有时大佬有答案！

建议自己弄个base64解码和加密的js文件

/**
* UTF16和UTF8转换对照表
* U+00000000 – U+0000007F 	0xxxxxxx
* U+00000080 – U+000007FF 	110xxxxx 10xxxxxx
* U+00000800 – U+0000FFFF 	1110xxxx 10xxxxxx 10xxxxxx
* U+00010000 – U+001FFFFF 	11110xxx 10xxxxxx 10xxxxxx 10xxxxxx
* U+00200000 – U+03FFFFFF 	111110xx 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx
* U+04000000 – U+7FFFFFFF 	1111110x 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx
*/
//外部js引用时这样写：import {Base64} from '/xxx/base64';//路径需要根据实际路径去写
export let Base64 = {
	// 转码表
	tables : [
			'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H',
			'I', 'J', 'K', 'L', 'M', 'N', 'O' ,'P',
			'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X',
			'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f',
			'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n',
			'o', 'p', 'q', 'r', 's', 't', 'u', 'v',
			'w', 'x', 'y', 'z', '0', '1', '2', '3',
			'4', '5', '6', '7', '8', '9', '+', '/'
	],
	UTF16ToUTF8 : function (str) {
		let results = [], len = str.length;
		for (let i = 0; i < len; i++) {
			let code = str.charCodeAt(i);
			if (code > 0x0000 && code <= 0x007F) {
				/* 一字节，不考虑0x0000，因为是空字节
				   U+00000000 – U+0000007F 	0xxxxxxx
				*/
				results.push(str.charAt(i));
			} else if (code >= 0x0080 && code <= 0x07FF) {
				/* 二字节
				   U+00000080 – U+000007FF 	110xxxxx 10xxxxxx
				   110xxxxx
				*/
				let byte1 = 0xC0 | ((code >> 6) & 0x1F);
				// 10xxxxxx
				let byte2 = 0x80 | (code & 0x3F);
				results.push(
					String.fromCharCode(byte1), 
					String.fromCharCode(byte2)
				);
			} else if (code >= 0x0800 && code <= 0xFFFF) {
				/* 三字节
				   U+00000800 – U+0000FFFF 	1110xxxx 10xxxxxx 10xxxxxx
				   1110xxxx
				*/
				let byte1 = 0xE0 | ((code >> 12) & 0x0F);
				// 10xxxxxx
				let byte2 = 0x80 | ((code >> 6) & 0x3F);
				// 10xxxxxx
				let byte3 = 0x80 | (code & 0x3F);
				results.push(
					String.fromCharCode(byte1), 
					String.fromCharCode(byte2), 
					String.fromCharCode(byte3)
				);
			} else if (code >= 0x00010000 && code <= 0x001FFFFF) {
				// 四字节
				// U+00010000 – U+001FFFFF 	11110xxx 10xxxxxx 10xxxxxx 10xxxxxx
			} else if (code >= 0x00200000 && code <= 0x03FFFFFF) {
				// 五字节
				// U+00200000 – U+03FFFFFF 	111110xx 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx
			} else /** if (code >= 0x04000000 && code <= 0x7FFFFFFF)*/ {
				// 六字节
				// U+04000000 – U+7FFFFFFF 	1111110x 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx
			}
		}

		return results.join('');
	},
	UTF8ToUTF16 : function (str) {
		let results = [], len = str.length;
		let i = 0;
		for (let i = 0; i < len; i++) {
			let code = str.charCodeAt(i);
			// 第一字节判断
			if (((code >> 7) & 0xFF) == 0x0) {
				// 一字节
				// 0xxxxxxx
				results.push(str.charAt(i));
			} else if (((code >> 5) & 0xFF) == 0x6) {
				// 二字节
				// 110xxxxx 10xxxxxx
				let code2 = str.charCodeAt(++i);
				let byte1 = (code & 0x1F) << 6;
				let byte2 = code2 & 0x3F;
				let utf16 = byte1 | byte2;
				results.push(Sting.fromCharCode(utf16));
			} else if (((code >> 4) & 0xFF) == 0xE) {
				// 三字节
				// 1110xxxx 10xxxxxx 10xxxxxx
				let code2 = str.charCodeAt(++i);
				let code3 = str.charCodeAt(++i);
				let byte1 = (code << 4) | ((code2 >> 2) & 0x0F);
				let byte2 = ((code2 & 0x03) << 6) | (code3 & 0x3F);
				let utf16 = ((byte1 & 0x00FF) << 8) | byte2
				results.push(String.fromCharCode(utf16));
			} else if (((code >> 3) & 0xFF) == 0x1E) {
				// 四字节
				// 11110xxx 10xxxxxx 10xxxxxx 10xxxxxx
			} else if (((code >> 2) & 0xFF) == 0x3E) {
				// 五字节
				// 111110xx 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx
			} else /** if (((code >> 1) & 0xFF) == 0x7E)*/ {
				// 六字节
				// 1111110x 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx
			}
		}

		return results.join('');
	},
	encode : function (str) {
		if (!str) {
			return '';
		}
		let utf8    = this.UTF16ToUTF8(str); // 转成UTF-8
		let i = 0; // 遍历索引
		let len = utf8.length;
		let results = [];
		while (i < len) {
			let c1 = utf8.charCodeAt(i++) & 0xFF;
			results.push(this.tables[c1 >> 2]);
			// 补2个=
			if (i == len) {
				results.push(this.tables[(c1 & 0x3) << 4]);
				results.push('==');
				break;
			}
			let c2 = utf8.charCodeAt(i++);
			// 补1个=
			if (i == len) {
				results.push(this.tables[((c1 & 0x3) << 4) | ((c2 >> 4) & 0x0F)]);
				results.push(this.tables[(c2 & 0x0F) << 2]);
				results.push('=');
				break;
			}
			let c3 = utf8.charCodeAt(i++);
			results.push(this.tables[((c1 & 0x3) << 4) | ((c2 >> 4) & 0x0F)]);
			results.push(this.tables[((c2 & 0x0F) << 2) | ((c3 & 0xC0) >> 6)]);
			results.push(this.tables[c3 & 0x3F]);
		}

		return results.join('');
	},
	decode : function (str) {
		//判断是否为空
		if (!str) {
			return '';
		}

		let len = str.length;
		let i   = 0;
		let results = [];
		//循环解出字符数组
		while (i < len) {
			let	code1 = this.tables.indexOf(str.charAt(i++));
			let code2 = this.tables.indexOf(str.charAt(i++));
			let code3 = this.tables.indexOf(str.charAt(i++));
			let code4 = this.tables.indexOf(str.charAt(i++));

			let c1 = (code1 << 2) | (code2 >> 4);
			results.push(String.fromCharCode(c1));

			if (code3 != -1) {
				let c2 = ((code2 & 0xF) << 4) | (code3 >> 2);
				results.push(String.fromCharCode(c2));
			}
			if (code4 != -1) {
				let c3 = ((code3 & 0x3) << 6) | code4;
				results.push(String.fromCharCode(c3));
			}

		}

		return this.UTF8ToUTF16(results.join(''));
	}
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179

可以直接复制上面代码放在一个util工具文件base64中，需要使用是使用import引用

在这里给个引用示例：

//在需要加、解码的的文件里引入【注意替换成自己的路径】
import {Base64} from '/util/base64';

let msg = 'Hello, base64!';

let encodeStr = Base64.encode(msg); //加密
console.log(encodeStr);

let decodeStr = Base64.decode(encodeStr);//解码
console.log(decodeStr);
1
2
3
4
5
6
7
8
9
10