All Projects → bochen-dev → vue-apple-signin

bochen-dev / vue-apple-signin

Licence: MIT license
A simple Vue plugin to include an Apple sign-in button into your web app.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to vue-apple-signin

react-apple-signin-auth
 Apple signin for React using the official Apple JS SDK
Stars: ✭ 58 (+205.26%)
Mutual labels:  login, signin, apple-signin
AppleSignIn
Library for fast an easy way to implement Apple Sign In.
Stars: ✭ 19 (+0%)
Mutual labels:  login, signin
springboot-mongodb-security
Spring Boot, Security, and Data MongoDB Authentication Example
Stars: ✭ 22 (+15.79%)
Mutual labels:  login, signin
react-signin-form
Concept for Sign in / Sign Up form
Stars: ✭ 109 (+473.68%)
Mutual labels:  login, signin
authorize-me
Authorization with social networks
Stars: ✭ 44 (+131.58%)
Mutual labels:  login, signin
verify-apple-id-token
Verify the Apple id token on the server side.
Stars: ✭ 49 (+157.89%)
Mutual labels:  login, signin
google-one-tap
Google One Tap Login
Stars: ✭ 37 (+94.74%)
Mutual labels:  login, signin
Alerts And Pickers
Advanced usage of UIAlertController and pickers based on it: Telegram, Contacts, Location, PhotoLibrary, Country, Phone Code, Currency, Date...
Stars: ✭ 5,267 (+27621.05%)
Mutual labels:  login, signin
node-facebook-twitter-google-github-login
Node, Express, Mongoose, Passport, Facebook, Twitter, Google and Github Authentication (Login)
Stars: ✭ 31 (+63.16%)
Mutual labels:  login, signin
Supertokens Core
Open source alternative to Auth0 / Firebase Auth / AWS Cognito
Stars: ✭ 2,907 (+15200%)
Mutual labels:  login, signin
react-linkedin-login-oauth2
Easily get Authorization Code from Linked In to log in without redirecting.
Stars: ✭ 83 (+336.84%)
Mutual labels:  login, signin
loginguard
Two Step Verification for Joomla!™ – from the developer of Joomla's Two Factor Authentication
Stars: ✭ 21 (+10.53%)
Mutual labels:  login
Userline
Query and report user logons relations from MS Windows Security Events
Stars: ✭ 221 (+1063.16%)
Mutual labels:  login
Amloginsignup
Login/Signup ViewController for iOS
Stars: ✭ 215 (+1031.58%)
Mutual labels:  login
Login With
Stateless login-with microservice for OAuth
Stars: ✭ 2,301 (+12010.53%)
Mutual labels:  login
SharpPanel
C# Admin Control Panel Finder For Windows
Stars: ✭ 34 (+78.95%)
Mutual labels:  login
cea
高校高校统一身份认证 Node.js 优雅可扩展示例,已集成今日校园签到(支持多平台一键部署)
Stars: ✭ 21 (+10.53%)
Mutual labels:  login
Laravel Adminless Ldap Auth
Authenticate users in Laravel against an adminless LDAP server
Stars: ✭ 199 (+947.37%)
Mutual labels:  login
Web Greeter
A modern, visually appealing greeter for LightDM.
Stars: ✭ 196 (+931.58%)
Mutual labels:  login
Tdtouchid
TDTouchID是一个封装好的指纹、FaceID验证库,可以用来做iOSAPP的登录/支付等验证。
Stars: ✭ 191 (+905.26%)
Mutual labels:  login

vue-apple-signin

A simple Vue plugin to include an Apple sign-in button into your web app.

Screenshot

Install

npm install vue-apple-signin

Usage

index.html

<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>

main.js

import VueAppleSignin from 'vue-apple-signin';

Vue.use(VueAppleSignin, {
  clientId: 'CLIENT_ID',
  scope: 'SCOPE',
  redirectURI: 'REDIRECT_URI',
  state: 'STATE',
});

Now you have a vue-apple-signin global component, ready for use.

Example

Simple

<vue-apple-signin></vue-apple-signin>

Advanced

<vue-apple-signin
  color="black"
  :border="true"
  type="sign in"
></vue-apple-signin>

Properties

name type default value
color String black black / white
border Boolean true true / false
type String sign in sign in / sign up / apple / continue

Known issues

<!DOCTYPE html> in the html file may causes button style to be messed up, commented it should fix. If there's way to fix it, please let me know.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].