更新记录
1.0.0(2021-05-08)
下载此版本
发布苹果授权登录组件初始版本
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 2.7.10 app-vue app-nvue |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
× |
× |
× |
× |
× |
苹果授权登录DIY组件
<fh-apple-login>是一个集成苹果授权登录的可定制组件,组件打通苹果账号授权流程并返回登录成功后的信息。本组件使用需要配合部分配置的设置具体可以参考iOS 苹果授权登录(Sign in with Apple)/Apple登录/苹果登录集成教程。
平台差异
一般是有三方登录的app在app store发布需要用到
安装方式
本组件符合easycom规范,通过使用HBuilderX导入插件或者下载插件ZIP,将解压出fh-apple-login文件夹放到components目录下。
API
Props
属性名 |
类型 |
可选值 |
默认值 |
说明 |
content |
String |
- |
通过apple账号登录 |
初始按钮文字 |
Event
事件名 |
返回参数 |
说明 |
afterAppleLogin |
authResult |
苹果返回的账号登录结果,里面包含accessToken和openId,可以接入自己的用户系统 |
Slot
slot名 |
属性 |
说明 |
default |
- |
自定义标签,可以根据需要换成自己的按钮、图标、链接等 |
基本用法
<template>
<fh-apple-login @afterAppleLogin="afterAppleLogin" :content="content"></fh-apple-login>
</template>
<script>
export default{
data(){
return {
content: 'Sign in with Apple'
}
},
methods: {
afterAppleLogin: function({ accessToken, openId }){
console.info(accessToken)
console.info(openId)
}
}
}
</script>