0
1
知りたいこと
以下の状況で最適なストレージを探しています。
・APIで取得した一覧情報（json形式）を一時的に保存したい。
・無料で使えるものが良い。
・可能であれば手軽に採用できるものが良い。
背景
Reactで飲食店検索アプリを作っています。
APIで店舗情報を取得して画面に描画するのですが、一定時間検索結果を保持できるようにしたいです。
保存する情報はjson形式の店舗情報です。例
json
1[ 2 {shopd:item1,shopName:〇〇居酒屋...}, 3 {shopd:item1,shopName:〇〇カフェ...}, 4... 5]
現状の候補
候補は以下の2つです。
・ローカルストレージ
→試したがストレージからgetする際にstring型で取得されてしまったりと、少し使いづらい。
・Redis
→セッション単位で情報を保持する際はこちらが良い？あまり詳しくないのでメリット・デメリットがよくわからない。
「この技術を採用した方が良い」「他に適しているストレージサービスがある」など、経験者の方のご意見をお聞きしたいです。
よろしくお願いいたします。
回答1件
#1
総合スコア18
投稿2023/03/23 09:50
シンプルに変数じゃダメなんですか? ブラウザにデータを保存するローカルストレージに似たストレージサービスに、indexedDBというものがあります。これは、250ミリバイトの保存容量、バージョン機能、javascriptであつかえるデータなら何でも保存できる便利性を持ち合わせたなかなか魅力的なストレージサービスです。ただ、機能がありすぎてindexedDBを直接操作するのは面倒なので、idb-keyvalというライブラリがあります。使うには、htmlのheadタグ内にこのコードを追加します:
html
1<script src="https://cdn.jsdelivr.net/npm/idb-keyval@6/dist/umd.js"></script> 2<!-- Or in modern browsers: --> 3<script type="module"> 4 import { get, set } from 'https://cdn.jsdelivr.net/npm/idb-keyval@6/+esm'; 5</script>
基本的な構文:
JavaScript
1//保存したデータを取得 2idbKeyval.get("取得したいデータの名前") 3//データを保存 4idbKeyval.set("保存するデータの名前",保存したいデータの内容)