记录一次微信小程序使用pako库undfined window.abot的问题

最近做了一个小程序需要频繁接收图片的base64数据，所以后端在响应数据之前先用gzip进行了压缩，到小程序端进行解压

首先安装pako库：

npm install pako

其次在小程序中构建一下依赖

然后我将解压方法封装了一下

import pako from 'pako';
//const polyfill = require('base64.js');
//const {atob} = polyfill; //自定义的atob方法

function decodeBase64(base64) {
    // 使用 atob 函数将 Base64 字符串解码为二进制字符串
    const binaryString = atob(base64);
    const len = binaryString.length;
    const bytes = new Uint8Array(len);

    for (let i = 0; i < len; i++) {
        bytes[i] = binaryString.charCodeAt(i);
    }

    return bytes;
}

function decompressGzip(compressedData) {
    // 使用 pako 库解压 GZIP 数据
    try {
        const decompressedData = pako.ungzip(compressedData, { to: 'string' });
        return decompressedData;
    } catch (err) {
        console.error('解压失败:', err);
        return null;
    }
}

// 导出函数
export { decodeBase64, decompressGzip };

调用方法：

import { decodeBase64, decompressGzip } from '../../tools/gzip';

var base64Data=decodeBase64(encodeBase64);//先传入被base64过后的数据进行解码

var data=decompressGzip(base64Data);//再将解码后的二进制数据解压

模拟器测试正常，离谱的地方来了，在真机测试居然失败了，解决方案

新建一个base64.js文件与上面封装的代码放入同一路径下

(function(f) {

  'use strict';

  /* istanbul ignore else */
  if (typeof exports === 'object' && exports != null &&
      typeof exports.nodeType !== 'number') {
    module.exports = f ();
  } else if (typeof define === 'function' && define.amd != null) {
    define ([], f);
  } else {
    var base64 = f ();
    var global = typeof self !== 'undefined' ? self : $.global;
    if (typeof global.btoa !== 'function') global.btoa = base64.btoa;
    if (typeof global.atob !== 'function') global.atob = base64.atob;
  }

} (function() {

  'use strict';

  var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';

  function InvalidCharacterError(message) {
    this.message = message;
  }
  InvalidCharacterError.prototype = new Error ();
  InvalidCharacterError.prototype.name = 'InvalidCharacterError';

  // encoder
  // [https://gist.github.com/999166] by [https://github.com/nignag]
  function btoa(input) {
    var str = String (input);
    for (
      // initialize result and counter
      var block, charCode, idx = 0, map = chars, output = '';
      // if the next str index does not exist:
      //   change the mapping table to "="
      //   check if d has no fractional digits
      str.charAt (idx | 0) || (map = '=', idx % 1);
      // "8 - idx % 1 * 8" generates the sequence 2, 4, 6, 8
      output += map.charAt (63 & block >> 8 - idx % 1 * 8)
    ) {
      charCode = str.charCodeAt (idx += 3 / 4);
      if (charCode > 0xFF) {
        throw new InvalidCharacterError ("'btoa' failed: The string to be encoded contains characters outside of the Latin1 range.");
      }
      block = block << 8 | charCode;
    }
    return output;
  }

  // decoder
  // [https://gist.github.com/1020396] by [https://github.com/atk]
  function atob(input) {
    var str = (String (input)).replace (/[=]+$/, ''); // #31: ExtendScript bad parse of /=
    // if (str.length % 4 === 1) {
    //   throw new InvalidCharacterError ("'atob' failed: The string to be decoded is not correctly encoded.");
    // }
    for (
      // initialize result and counters
      var bc = 0, bs, buffer, idx = 0, output = '';
      // get next character
      buffer = str.charAt (idx++); // eslint-disable-line no-cond-assign
      // character found in table? initialize bit storage and add its ascii value;
      ~buffer && (bs = bc % 4 ? bs * 64 + buffer : buffer,
        // and if not first of each 4 characters,
        // convert the first 8 bits to one ascii character
        bc++ % 4) ? output += String.fromCharCode (255 & bs >> (-2 * bc & 6)) : 0
    ) {
      // try to find character in table (0-63, not found => -1)
      buffer = chars.indexOf (buffer);
    }
    return output;
  }

  return {btoa: btoa, atob: atob};

}));

并将这代代码注释解除即可

//const polyfill = require('base64.js');
//const {atob} = polyfill; //自定义的atob方法

原文：https://blog.csdn.net/weixin_44883704/article/details/106793982?fromshare=blogdetail&sharetype=blogdetail&sharerId=106793982&sharerefer=PC&sharesource=weixin_45793591&sharefrom=from_link

令我感慨的是，原文是2020年发的，这个bug是我2024年遇到的，4年了都没修复？？？