更新记录
1.2.0(2023-11-29)
下载此版本
组件添加是否由用户自主更新数据选项
1.1.3(2023-11-29)
下载此版本
细化渠道表示,用于统计
1.1.2(2023-11-29)
下载此版本
细化渠道表示,用于统计
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
ss-sso 自用
Props
属性 |
类型 |
必填 |
默认值 |
描述 |
ssoBtnName |
String |
|
登录 |
单点登录按钮文案 |
wxBtnName |
String |
|
手机号快捷登录 |
微信手机号授权组件按钮文案 |
unionId |
String |
是 |
|
当前用户unionId |
openId |
String |
是 |
|
当前用户openId |
upDataParameter |
String |
|
{} |
其它需要上传的参数 |
masked |
Boolean |
|
true |
手机号是否脱敏展示 |
customerContent |
String |
|
默认文案 |
自定义单点登录按钮 showModal 框文案 |
customUpdate |
Boolean |
|
false |
是否由用户手动更新数据(即组件仅返回数据不再自动更新) |
使用示例
<template>
<view>
<ss-sso ssoBtnName="单点登录" wxBtnName="手机号登录" openId="xxx" unionId="xxx" :upDataParameter="upDataParameter" @cbSsoInfo="cbSsoInfo" />
</view>
</template>
<style lang="scss" scoped>
:deep(.sso-container) {
/* 两个按钮的外容器 */
.sso-btn {
/* 单点登录按钮 */
}
.wx-btn {
/* 微信授权按钮 */
}
.default-btn {
/* 带loading默认按钮样式 */
}
}
</style>
Events
事件名称 |
事件说明 |
说明 |
@cbSsoInfo |
组件在不同状态下返回数据 |
使用示例
const cbSsoInfo = async (ssoInfo) => {
console.log(ssoInfo)
// purePhoneNumber 手机号;lastTime 最后一次更新的时间;sourceName 最后一次更新的平台;openId;state;loginWay;等其它信息
// loginWay:loginComSso:单点按钮 loginComWx:微信组件按钮 loginMsg: 短信方式
// state: 'sso-btn-allow' 用户确定使用单点登录按钮返回的手机号
// state: 'sso-btn-to-wx-btn' 用户点击切换到微信手机号授权按钮
// state: 'wx-btn-allow' 用户同意微信授权手机号
// state: 'wx-btn-refuse' 用户拒绝微信授权手机号
}
Methods
方法名称 |
说明 |
说明 |
wxMpSetSsoInfo |
手动更新或创建当前用户数据 |
|
使用示例
const db = uniCloud.importObject('xxxxx', { customUI: true }) // 云服务
const ssoParams = Object.assign({}, { openId, unionId, purePhoneNumber }) // openId, unionId, purePhoneNumber 参数必填
db.wxMpSetSsoInfo(ssoParams, loginWay) // loginWay 参数必填
注意事项
- 上传额外参数需联系数据库增加字段
- 方法 wxMpSetSsoInfo 为api同步信息,单独使用组件时无需调用该方法
- 组件在 state 状态为 sso-btn-allow 和 wx-btn-allow 时更新数据