Capacitor Secure Storage Demo

capacitor-secure-storage demo

Notice

This demo app is no longer maintained as a separate repo. It is now part of the [capacitor-secure-storage plugin](https://github.com/aparajita/capacitor-secure-storage).

---

This Ionic/Vue app demonstrates all of the features of the [capacitor-secure-storage plugin](https://github.com/aparajita/capacitor-secure-storage/#readme).

Installation

First clone the repo locally:

git clone https://github.com/aparajita/capacitor-secure-storage-demo

Install dependencies:

pnpm install
npm install
yarn

Running

iOS:

pnpm ios
npm run ios
yarn ios

Android:

pnpm android
npm run android
yarn android

Web:

pnpm dev
npm run dev
yarn dev

Usage

Sync to iCloud Keychain (iOS only)

On iOS, an “iCloud sync” checkbox appears at the top. Checking/unchecking this turns on/off iCloud sync globally.

In addition, a “Sync” checkbox appears to the right of the “Key” field which controls iCloud sync. By default, it is in an indeterminate state, which means the global sync setting is used. Tapping the “Sync” checkbox cycles between indeterminate => checked => unchecked. If the “Sync” checkbox is checked or unchecked, that overrides the global sync checkbox.

When the resolved sync setting is on, any operations (other than setting the prefix) affect the iCloud keychain instead of the local keychain.

Set the prefix

To change the key prefix, edit the "Prefix" field and press "Set".

Save a value

To save a key/value item to storage, enter the key in the "Key" field and a JSON-parseable value in the "Data" field. As you type in the "Data" field, if it is a valid value, the data type is displayed below the field.

You may store any valid JSON value: string, number, boolean, array, object, or null. In addition, if the "Data" field looks like an ISO 8601 datetime (begins with YYYY-MM-DD), it is parsed as such, and if successfully parsed the type will be shown