メインコンテンツへスキップ
@capgo/capacitor-autofill-save-password 認証とセキュリティ オープンソース

パスワードの自動入力と保存 Capacitor プラグイン

デバイスのオートフィルにパスワードを保存するようユーザーに促し、スムーズなログイン体験を提供

インストール

bun add @capgo/capacitor-autofill-save-password bunx cap sync
npm、pnpm、または yarn
  • npm install @capgo/capacitor-autofill-save-password
  • pnpm add @capgo/capacitor-autofill-save-password
  • yarn add @capgo/capacitor-autofill-save-password

ガイド

Capacitor で Autofill Save Password を使う方法

実機でテストする

Capgo アプリをダウンロードして、QR code をスキャンしてください。

Autofill Save Password プラグインのプレビューQR code

@capgo/capacitor-autofill-save-password を使用する場合

WebViewアプリからキーチェーンにパスワードを保存するためのダイアログを表示するプロンプト。

インストール

bun add @capgo/capacitor-autofill-save-password
bunx cap sync

bunx cap sync プラグインのネイティブcodeをネイティブプロジェクトにコピーします。プラグインをアップグレードするたびに再度実行してください。

インポート

import { SavePassword } from '@capgo/capacitor-autofill-save-password';

API の概要

メソッド 説明
promptDialog パスワードをキーチェーンに保存します。
readPassword キーチェーンからパスワードを読み取ります。iOSでは、開発者がアプリに関連ドメインを設定する必要があります。

例

promptDialog()

パスワードをキーチェーンに保存します。

import { SavePassword } from '@capgo/capacitor-autofill-save-password';

await SavePassword.promptDialog({
  username: 'your-username',
  password: 'your-password'
});

readPassword()

キーチェーンからパスワードを読み取ります。iOSでは、開発者がアプリに関連ドメインを設定する必要があります。

import { SavePassword } from '@capgo/capacitor-autofill-save-password';

const result = await SavePassword.readPassword();
// The result holds sensitive values: use it without logging it.

完全なリファレンス

「@capgo/capacitor-autofill-save-password の使用」から続ける

使用している場合 @capgo/capacitor-autofill-save-password の使用方法 認証とアカウントフローを計画するには、これを次と連携させてください @capgo/capacitor-autofill-save-password @capgo/capacitor-autofill-save-password の実装詳細については、 スタートガイド スタートガイドの実装詳細については、 @capgo/capacitor-social-login @capgo/capacitor-social-login の実装の詳細については、 @capgo/capacitor-passkey @capgo/capacitor-passkey の実装詳細については、 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric. の実装詳細についてはこちら

よくある質問

Autofill Save Password プラグインの FAQ

Capacitor アプリに Autofill Save Password プラグインをインストールするには?

"bun add @capgo/capacitor-autofill-save-password" (または "npm install @capgo/capacitor-autofill-save-password") を実行し、続けて "bunx cap sync" を実行すると、iOS と Android のプロジェクトにネイティブの code が反映されます。アプリの code で "@capgo/capacitor-autofill-save-password" からインポートしてください。

@capgo/capacitor-autofill-save-password は React、Vue、Angular で動作しますか?

はい。Autofill Save Password は Capacitor パッケージなので、Ionic、React、Vue、Angular、Svelte、素の JavaScript など、Capacitor 上で動作するあらゆる Web フレームワークで使えます。

@capgo/capacitor-autofill-save-password はどの Capacitor バージョンをサポートしていますか?

Capgo プラグインは Capacitor のメジャーバージョンに合わせています。使用している Capacitor のメジャーバージョンに一致するプラグインのメジャーバージョンを使ってください (例: Capacitor 8 ならプラグイン v8)。GitHub の README にある互換性テーブルに、メンテナンス中のバージョンが記載されています。

@capgo/capacitor-autofill-save-password は無料でオープンソースですか?

はい。code のソースコードは GitHub の https://github.com/Cap-go/capacitor-autofill-save-password/ で公開されており、パッケージは npm から無料でインストールできます。バグ報告やプルリクエストも歓迎します。

App Store の審査なしで、Autofill Save Password を使用している code をアップデートできますか?

プラグインのインストールやアップグレードはネイティブの code を変更するため、新しいストアビルドが必要です。その後は、プラグインを呼び出す JavaScript、HTML、CSS の変更を Capgo Live Updates で即座に配信できます。

アプリの審査を待たずにAutofill Save Passwordの変更を配信しましょう

プラグインをストア用ビルドに組み込めば、Capgo live updates で JavaScript、HTML、CSS の変更を数分でユーザーに配信できます

Capgo から始める