Cookiestorage不适用于SSR React实现上的oidc-client

Question

如何在SSR环境中使用oidc-client运行React应用程序？

我正在开发一个使用oidc-client (v1.7.1)的React实现。在非SSR环境中，解决方案很好。但是我们的一个要求是解决方案应该在SSR环境中运行。为了解决这个问题，我需要在oidc-client的设置中更改存储。

我已经尝试了使用cookie存储而不是会话或本地存储的解决方案(检查https://github.com/IdentityModel/oidc-client-js/issues/269)，但这种类型的存储不起作用(存储区未定义)。

const settings = {
  userStore: new WebStorageStateStore({ store: new CookieStorage() }),
  stateStore: new WebStorageStateStore({ store: new CookieStorage() }),
};

this.userManager = new UserManager(settings);

在SSR环境中使用oidc-client的最佳解决方案是什么？oidc-client是否可以与SSR结合使用？

Answer 1

我已经为此挣扎了大约一天了。我发现oidc-client-js试图设置的用户cookie太大了。cookies的最大存储大小为每个域4096字节。cookie本身的值大约为3974字节。因此，对于默认密钥(有点长)、域、过期等，它会超出大小限制。我必须缩小返回的有效负载的范围，以便它不包括一些用户配置文件信息，如果您确实需要这些信息，您应该能够将其添加到访问令牌中