跳转至正文
@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 App,然后扫描二维码 code。

Autofill Save Password 插件预览二维码 code

使用 @capgo/capacitor-autofill-save-password

提示在 WebView 应用中将密码保存至 Keychain 的对话框。

安装

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

bunx cap sync 将插件的原生 code 复制到你的原生项目中。每次升级插件后都要重新运行。

导入

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

API 概览

方法 描述
promptDialog 将密码保存到 Keychain。
readPassword 从 Keychain 读取密码。iOS 上需要开发者为 App 配置 Associated Domains。

示例

promptDialog()

将密码保存到 Keychain。

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

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

readPassword()

从 Keychain 读取密码。iOS 上需要开发者为 App 配置 Associated Domains。

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 插件常见问题

如何在 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 package,因此它适用于任何在 Capacitor 中运行的 Web framework,包括 Ionic、React、Vue、Angular、Svelte 以及原生 JavaScript。

@capgo/capacitor-autofill-save-password 支持哪个版本的 Capacitor?

Capgo 插件遵循 Capacitor 的主版本号:请使用与 Capacitor 主版本号一致的插件主版本(例如插件 v8 对应 Capacitor 8)。GitHub README 中的兼容性表列出了仍在维护的版本。

@capgo/capacitor-autofill-save-password 是免费开源的吗?

是的。code 的源码已在 GitHub 公开,地址为 https://github.com/Cap-go/capacitor-autofill-save-password/,并且可以从 npm 免费安装。欢迎提交 Bug report 和 pull request。

我可以在不经过 App Store 审核的情况下,更新使用了 Autofill Save Password 的 code 吗?

安装或升级插件会改动原生 code,因此需要重新做一次商店构建。之后,调用该插件的 JavaScript、HTML 和 CSS 改动就能通过 Capgo live updates 立即发布。

无需等待 App Store 审核,即可快速发布 Autofill Save Password 的更新

只要插件已包含在你的商店版本中,Capgo live updates 就能在几分钟内把 JavaScript、HTML 和 CSS 的改动推送给用户。

开始使用 Capgo