如何在remix.run dev模式下使用内存中缓存？

Question

我需要从非常缓慢且很少更改的API中获取数据，因此我认为我会使用内存缓存。我首先尝试了一种非常简单的方法，只需将其保存到我路线上的加载器函数范围之外的变量：

let cache;

export const loader = async () => {
  if (!cache) {
    // we always end up here
    cache = await (await fetch("...)).json()
  }
}

但这是不起作用的。然后，我尝试了一个适当的缓存库（lru-cache），但是该缓存也总是空的。然后，我意识到，我猜是一个dev模式的每个请求中重新加载了entired文件，因此我尝试将缓存的创建移至单独的文件 cache.server.ts 并从那里。

import LRU from "lru-cache";
console.log("Creating cache"); // this is logged on each request
const cache = new LRU({ max: 200 });
export default cache;

但是该文件似乎也在每个请求上重新加载。

如果我构建生产版本并运行一切都很好，但是也很高兴能以某种方式使其在开发模式下工作。

Answer 1

混音清除需要在开发中的每个请求中缓存以支持＆lt; livereload/＆gt;。为了确保您的缓存能够存活这些清洗，您需要将其分配给global对象。

编辑：这是处理此此此操作的更好方法

// utils/singleton.server.ts

// since the dev server re-requires the bundle, do some shenanigans to make

// certain things persist across that 

Answer 2

作为跟进乞力类人答案，这就是我的做法：

/*
 * @see https://www.npmjs.com/package/node-cache
 */
import NodeCache from "node-cache";
let cache: NodeCache;

declare global {
  var __cache: NodeCache | undefined;
}

if (process.env.NODE_ENV === "production") {
  cache = new NodeCache();
} else {
  if (!global.__cache) {
    global.__cache = new NodeCache();
  }
  cache = global.__cache;
}

export { cache };

我在装载机中使用了它：

import { getGitHubRepos } from "~/models/github.server";
import { cache } from "~/utils/cache";

export async function loader(args: LoaderArgs) {
  if (cache.has("GitHubRepos")) {
    return json(cache.get("GitHubRepos"));
  }
  const repos = await getGitHubRepos();
  cache.set("GitHubRepos", repos, 60 * 60 * 24);
  return json(repos);
}

Answer 3

从乞力马族的更新答案，这是我使用 micro-memoize with typescript：

import type memoize from "micro-memoize";
import { singleton } from "~/utils/singleton.server";
type Memoizer = typeof memoize;

const memoizer: Memoizer = singleton("memoize", () => require("micro-memoize"));
export { memoizer as memoize };

希望这可以帮助遇到相同问题的任何人，并且想使用比node-cache更现代的东西。

再次感谢 kiliman 提供了更新的Singleton功能。

Answer 4

我也这样做是为了将其放在服务器端。制作具有以下内容的文件，并在您要在哪里使用它。

import NodeCache from 'node-cache';
let cache: NodeCache;

declare global {
  var __cache: NodeCache | undefined;
}

export default function getNodeCache() {
  if (process.env.NODE_ENV === 'production') {
    cache = new NodeCache();
  } else {
    if (!global.__cache) {
      global.__cache = new NodeCache();
    }
    cache = global.__cache;
  }

  return cache;
}