0.0.3 • Published 5 years ago

ons-mobile-loginkaty v0.0.3

Weekly downloads
2
License
MIT
Repository
github
Last release
5 years ago

ONS

Instalação

Configurar o escopo @ONS ao servidor verdaccio

npm config set @ons:registry http://npm.ons.org.br

Baixar os packages atualizados

npm i

Publicar o componente ons-mobile-login no verdaccio local

npm run publishons

Uso

Exemplo de configuração no App.Module

import { OnsPackage, LoginService, ErrorService, LoginPage, UserService, StorageService, ImageService } from '@ons/ons-mobile-login'
import { AnalyticsService, OnsAnalyticsModule } from '@ons/ons-mobile-analytics';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...
    IonicModule.forRoot(MyApp),
    OnsAnalyticsModule.forRoot()
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    ...
    LoginPage
  ],
  providers: [
    ...
    LoginService,
    AnalyticsService,
    ErrorService,
    ImageService,
    UserService,
    FingerprintAIO
  ]
})
export class AppModule { }

Exemplo da página inicial do app

constructor(public navCtrl: NavController
    , public platform: Platform
    , public loginSrv: LoginService
    , public analyticSrv: AnalyticsService
    , public envSrv: EnvironmentService
    , public imageSrv: ImageService
  ) {
    loginSrv.setAplicationName('Mobile.NomeAPP')
    envSrv.setEnv('PRD');
    platform.ready().then(() => {
      if (!loginSrv.CurrentUser.Connected) {
        imageSrv.SetDefault();
        navCtrl.setRoot(LoginPage)
      }
    });
  }

  ionViewDidLoad() {
    this.loginSrv.onConectedChange
      .subscribe((u: any) => {
        console.log(this.analyticSrv);
        if (u !== undefined) {
          if (u.Connected) {
            this.analyticSrv.sendCustomEvent("Entrar");
            this.navCtrl.setRoot(HomePage)
          }
        }
      })
  }