在浏览器中本地保留数据

Question

我正在探索elm来创建示例应用程序，我想将一些数据存储在浏览器的本地存储中。

目前我正在开发0.17.1版本。所以请任何人帮我解决这个问题。

Answer 1

TodoMVC实现实际上为您提供了一个如何通过端口访问localstorage的公平示例。我建议你看看。

https://github.com/evancz/elm-todomvc

Answer 2

截至今天，官方软件包存储库中没有发布任何模块，现在通过Ports进行。

如果你觉得有冒险精神并且真的希望尽快让它工作，你可以使用fredcy/localstorage

以下是你如何破解它

在项目的根目录中克隆fredcy/localstorage。

您可能希望删除VCS根目录。

将elm-lang/dom添加为项目的依赖项。

$ git clone git@github.com:fredcy/localstorage.git
$ rm -rf localstorage/.git
$ elm package install elm-lang/dom -y

将以下内容添加到./elm-package.json：

"source-directories": [
    ".",
    "localstorage/src",
    "localstorage/src/Native"
],
"native-modules": true,

最糟糕的是，进入localstorage/src/Native/LocalStorage.js并替换：

3 // var _fredcy$localstorage$Native_LocalStorage = function()
4 var _user$project$Native_LocalStorage = function()

优点？

使用Elm驱动的本地存储API可能是值得的麻烦，但这些东西将来会破裂。

使用Ports。