uniapp provider univerify如何使用

在uniapp中如何正确集成和使用univerify的provider功能？具体步骤是怎样的？需要配置哪些参数？有没有完整的示例代码可以参考？使用时有哪些常见的坑需要注意？

2 回复

在uniapp中使用univerify，先在manifest.json配置univerify模块，然后在页面调用uni.login获取access_token，最后用uni.preLogin预登录。具体看官方文档。


UniApp 的 univerify 是 DCloud 推出的一键登录功能，通过运营商认证快速获取用户手机号。以下是基本使用步骤：

1. 开通服务

  • 登录 DCloud 开发者中心，在「我的项目」中选择应用，进入「UniLogin」模块开通 univerify。
  • 配置应用包名、签名（Android）和 Bundle ID（iOS），获取 appid 和 apiKey。

2. 集成配置

前置条件：

  • 使用 HBuilderX 3.4.13+ 版本。
  • 项目需配置原生插件（在 manifest.json 的「App 模块配置」中勾选「OAuth(登录授权)」）。

示例代码：

// 在页面中引入 univerify
const univerifyManager = uni.getUniverifyManager();

// 启动一键登录
univerifyManager.login({
  success: (res) => {
    console.log("登录成功，获取临时凭证：", res.code);
    // 将 res.code 发送到开发者服务器，换取真实手机号
  },
  fail: (err) => {
    console.log("登录失败：", err);
  }
});

// 关闭登录界面（如用户取消）
univerifyManager.close();

3. 服务器验证

  • 通过 res.code 调用 DCloud 服务端接口（需配合 appid 和 apiKey）换取手机号。
  • 接口地址：https://univerify.dcloud.net.cn/api/verify

注意事项：

  • 平台支持：仅支持 Android 和 iOS，不支持网页或小程序。
  • 费用：认证成功按次计费（参考 DCloud 最新定价）。
  • 回调处理：需处理用户取消或认证失败的情况，提供备用登录方式（如短信验证）。

完整流程：

  1. 前端调用 univerifyManager.login 弹出认证界面。
  2. 用户授权后获取 code。
  3. 将 code 发送至你的服务器，通过 DCloud 接口验证并获取手机号。
  4. 完成登录逻辑。

通过以上步骤即可快速集成一键登录功能，提升用户体验。

回到顶部