[TIPS] Handling Data Storage and Retrieval Issues in Wix Forms

[TIPS] Wixフォームにおけるデータの保存と取得に関する問題の対処法

特に複数のフォームと同時ユーザーを扱う場合、Wixフォームでのデータの保存と取得の管理は重要です。このガイドでは、一般的な課題と、効率的なワークフローを確保するための最適化されたソリューションの概要を示します。

Wixフォームにおける2つのデータセットに関する課題

1. データフローの複雑さ

各フォームに個別のデータセットを使用すると、データのフィルタリングと抽出が必要になり、Veloコードでエラーが発生しやすくなります。
特にWebhookを介してデータを送信する場合、ワークフローの中断が発生する可能性があります。

2. 同時実行の問題

複数のユーザーが同時にデータを入力すると、データの不一致が発生する可能性があります。
システムはフォーム1から最新のデータを取得し、フォーム2に誤った情報が反映される可能性があります。

Wix 2つのデータセットの問題

最適化されたアプローチ：ローカルストレージを使用した単一データセット

1. ローカルストレージの利点

Wixは、local、memory、sessionストレージオプションを提供しており、データ管理を簡素化します。
ローカルストレージを使用すると、データの正確性が維持され、ユーザー固有のデータとなるため、同時使用時の競合を回避できます。

2. 手順による実装

ローカルストレージへのデータの保存：

import { local } from "wix-storage-frontend";

export function saveData(submission) { const fieldKey = "FieldKey"; // フィールドキーを置き換えてください const data = submission?.[fieldKey]; console.log("保存されたデータ：", data); local.setItem("key", data); }

フォーム2のデータの取得：

import { local } from "wix-storage-frontend";

$w.onReady(function () { const data = local.getItem("key"); console.log("取得されたデータ：", data); $w("#form2").setFieldValues({ FieldKey: data // 非表示の入力フィールドのフィールドキーを置き換えてください }); });