更新记录

1.0.0(2021-05-08)

发布苹果授权登录组件初始版本


平台兼容性

Vue2 Vue3
×
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>

隐私、权限声明

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

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

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

许可协议

MIT协议

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