node package manager
Don’t reinvent the wheel. Reuse code within your team. Create a free org »

@wimcartago/wim-security-pack-test

Qen-Login

Clean component login for Ionic v2 and angular v4. Only valid for firebase services Firebase doc.

Providers authentication methods:

  • Create user
  • Login with password
  • Login with Facebook (experimental)

Install

npm install -S @wimcartago/wim-security-pack-test

Setup

//Import component into app module. 
// eg. ./src/app/app.module.ts 
import { AngularFireModule } from 'angularfire2';
import { AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app';
import { QenLoginModule } from '@wimcartago/wim-security-pack-test';
 
// Config @NgModule  
@NgModule({
  imports: [
    QenLoginModule,
    AngularFireModule.initializeApp(environment.firebase)
  ],
  providers: [
    AngularFireAuth
  ]
})
<!-- Add component <qen-login></qen-login> into html page -->
<ion-header>
  <ion-navbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-navbar>
</ion-header>
 
<ion-content padding>
  <h1>Hello Qen-Login.</h1>
  <qen-login></qen-login>
</ion-content>

Image Component

Test

mkdir src/assets
npm test