更新记录

1.2.0(2023-11-29)

组件添加是否由用户自主更新数据选项

1.1.3(2023-11-29)

细化渠道表示,用于统计

1.1.2(2023-11-29)

细化渠道表示,用于统计

查看更多

平台兼容性

Vue2 Vue3
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 时更新数据

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问