更新记录
1.1.1(2025-09-30) 下载此版本
- filterByAuthorizedAccounts 默认修改为false,避免部分场景下登录失败
1.1.0(2025-03-05) 下载此版本
基于Credential Manager实现Google登录
1.0.0(2025-02-27) 下载此版本
实现Google登录/登出 功能
查看更多平台兼容性
uni-app(4.75)
| Vue2 | Vue2插件版本 | Vue3 | Vue2插件版本 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | 1.0.0 | √ | 1.0.0 | × | × | × | × | 5.0 | × | × |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| × | × | × | × | × | × | × | × | × | × | × |
uni-app x(4.75)
| Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
|---|---|---|---|---|---|
| - | - | - | - | - | - |
uni-oauth-google
使用说明
关于 Credential Manager
Credential Manager 是Android 最新的登录鉴权方式.本插件基于Credential Manager实现了Google登录功能
创建 google cloud 应用
在google云管理后台,创建应用,并创建OAuth 客户端 ID,重点确保填写正确的包名和证书签名。
创建完成后,保存客户端ID用于代码调用。客户端ID的格式:xxxxx.apps.googleusercontent.com
调用代码
以正确的包名和证书自定义基座后,可以使用下面的代码进行调用
uvue:
<template>
<view>
<button @tap="loginClick" >google登录</button>
<button @tap="logoutClick" >google登出</button>
</view>
</template>
<script>
import { googleLogin, GoogleLoginOptions } from "@/uni_modules/uni-oauth-google"
import { googleLogout, GoogleLogoutOptions } from "@/uni_modules/uni-oauth-google"
export default {
data() {
return {
}
},
methods: {
loginClick:()=>{
let options = {
serverClientId:"xxxxx.apps.googleusercontent.com",
success: (res : any) => {
console.log("success",res)
},
fail: (res : any) => {
console.log("fail",res)
},
complete: (res : any) => {
console.log("complete",res)
}
} as GoogleLoginOptions;
googleLogin(options);
},
logoutClick:()=>{
let options = {
success: (res : any) => {
console.log("success",res)
},
fail: (res : any) => {
console.log("fail",res)
},
complete: (res : any|null) => {
console.log("complete",res)
}
} as GoogleLogoutOptions;
googleLogout(options);
}
}
}
</script>
<style>
</style>
vue:
<template>
<view>
<button @tap="loginClick" >google登录</button>
<button @tap="logoutClick" >google登出</button>
</view>
</template>
<script>
import { googleLogin } from "@/uni_modules/uni-oauth-google"
import { googleLogout } from "@/uni_modules/uni-oauth-google"
export default {
data() {
return {
}
},
methods: {
loginClick:()=>{
let options = {
serverClientId:"xxxxxxxx.apps.googleusercontent.com",
success: (res) => {
console.log("success",res)
},
fail: (res) => {
console.log("fail",res)
},
complete: (res) => {
console.log("complete",res)
}
}
googleLogin(options);
},
logoutClick:()=>{
let options = {
success: () => {
console.log("success")
},
fail: (res) => {
console.log("fail",res)
},
complete: (res) => {
console.log("complete",res)
}
}
googleLogout(options);
},
}
}
</script>
<style>
</style>
错误码说明
| 代码 | 说明 |
|---|---|
| 9010001 | 系统环境错误,请检查application/activity状态 |
| 9010002 | 用户参数配置错误,重点检查serverClientId是否正确 |
| 9010003 | 暂不支持的登录凭据 |
| 9010004 | 无法找到对应的凭据,可能是应用签名/包名不匹配或者与Google连接失败 |
| 9010005 | 登录组件缺失,请检查系统是否正确安装GMS |
| 9010000 | 其他未知错误 |

收藏人数:
下载插件并导入HBuilderX
在线体验/部署
下载示例项目ZIP
赞赏(0)
下载 25816
赞赏 0
下载 10640845
赞赏 1792
赞赏
京公网安备:11010802035340号