Question

只是停留在配置本机脱机请求。我想使用它以base64数组的形式发送数据和图像文件，很好，我可以正常工作，但是在真实设备中进行测试时，高速缓存每天不断增长140mb / 4h，这可能不是它应该工作的方式。我总体上缺少什么？。

使用自定义请求存储配置（将图像转换为base64）

    offlineConfig2 = {
  ...offlineConfig,
  persistCallback: () => {
    console.log('Rehydratation complete');
  },
  persistOptions: {
    key: 'primary',
    storage:AsyncStorage
  },
  rehydrate: true,
  // @overwrite effect

  effect: (effect, action) => {
    console.log(`Executing effect for ${action.type}:`, effect);
      photoArr = [];
      if (effect.photo)
      photoArr = effect.photo;
      promises = photoArr.map(function(photo){
        return base64 = RNFetchBlob.fs.readFile(photo.key, 'base64')
                    .then((data) => {
                    return data
                    }).catch(err => console.log(err));
      });

      return new Promise(
        function (resolve, reject) {
        Promise.all(promises).then(function(base64Photo) {
        body = effect.body;
        if(Array.isArray(base64Photo) && base64Photo.length > 0) {
          body = Object.assign({photoArr: base64Photo}, body);
        } 
        fetch(effect.url, { // eslint-disable-line
          method: effect.method,
          headers: {
            Accept: 'application/json',
            'Content-Type': 'application/json',
            'Authorization': 'Bearer' + effect.token
          },
          body: JSON.stringify(body),
        })
        .then(res => {
          console.log('response', res);
          resolve('ok');
          return res.ok
            ? res.json()
            : Promise.reject(res.text().then(msg => new Error(msg)));
        })
        .catch((error) => {
            reject(new Error(`Unable to retrieve events0.\n${error.message}`));
          }
        );    
      })
      .catch((error)=> {
          reject(new Error(`Unable to retrieve events 1.\n${error.message}`));
        }
      );
    });       
  },
  // @overwrite discard
  discard: (error, action, retries) => {
    console.log(error);
    //return true;
    return retries > 3;
  },
  // @overwrite retry
  retry: (action) => (action.meta.urgent ? 100 : 10000),
  //returnPromises: false,
  /*
  queue: (action) => {
    console.log(action);
  }
  */
  // @overwrite persist
};
export const store = createStore(rootReducer, undefined, offline(offlineConfig2));

动作本身。

export const sendRepairPhotos = (identifier, token, auto_number, kilometers, message, photoPath, photoArray = []) => {
    console.log('send repair photos');
        return ({
            type: REPAIR_PHOTOS,
            //payload: { token },
            meta: {
            offline: {
                effect: { url: global.apiUrl + 'trucks_malfunctions/register', method: 'POST', body: {km: kilometers,
                                                                                                auto_id: auto_number,
                                                                                                identifier: identifier,
                                                                                                message: message
                                                                                            },
                                                                                            photo: photoArray, 
                                                                                            token:token },
            }
            }
        })
};

如果有帮助，我可以附加其他信息，但基本上会遇到缓存大小问题，以及本机缓存完全如何工作？它对内存使用有效还是只是闲置？如何管理自动删除它们并进行优化？欢迎任何评论。

Answer 1

回答自己的问题，稍后再想，但也许对其他人也有帮助。我曾经用过RNCAMERA，它将捕获的图像保存在临时文件夹中。

除非应用程序数据和缓存增加，否则通过离线使用redux发送带有图像的请求对于删除图像很重要。使用文件管理模块，例如RN fetch blob，rn fs等等，可以完成什么工作。

redux-offline删除请求数据/缓存

1 个答案: