npm

Need private packages and team management tools?Check out npm Orgs. »

ng8-apple-signin

1.0.0 • Public • Published

Angular 8 Apple Sign In component

NPM version NPM downloads David Dependencies Badge David Dev Dependencies Badge CircleCI

An Angular 8 component for Apple Sign In o/ This library is still under construction.


Contributing

Feel free to open issues and pull requests. If you would like to be one of the core creators of this library, please reach out to me at julien.catania@gmail.com


Getting Started

1 - Download the library using npm npm install --save ng8-apple-signin

2 - Declare the library in your main module

  import {NgModule} from '@angular/core';
  import {BrowserModule} from '@angular/platform-browser';
  import { AppleSigninModule } from 'ng8-apple-signin'
 
  @NgModule({
    declarations: [...],
    imports: [
      BrowserModule,
      AppleSigninModule
    ],
    bootstrap: [...]
  })
  export class AppModule {
  }

3 - Add the Apple JavaScript file in your index.html

  <!doctype html>
  <html lang="en">
  <head>
    <meta charset="utf-8">
    <title>My App</title>
    <base href="/">
  
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script> 
  
  </head>
  <body>
    [...]
  </body>
  </html>

4 - Just call the component

   <apple-signin [state]="yourStateVar" [redirectURI]="yourRedirectURIVar" [scope]="yourScopeVar" [clientId]="yourClientIdVar" color="light" type="sign up"></apple-signin>

4.1 - This is how Color Enum and Type Enum looks like

enum Color {
 black = 'black',
 light = 'light'
}
enum Type {
 SignIn = 'sign in',
 SignUp = 'sign up',
 Apple = 'apple',
 Continue = 'continue'
}

5 - Enjoy it !


To do list:

  1. Change the Apple Javascript import to the project itself (step 3 will be deleted)

install

npm i ng8-apple-signin

Downloadsweekly downloads

26

version

1.0.0

license

ISC

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability