@pixxle/oauth-ionic/templates/simple-usage.ts

Pixxle OAuth authentication module for Ionic Angular applications - Direct implementation that works - Tested and proven

// Exemple d'utilisation SIMPLE qui fonctionne

// 1. Configuration
const PIXXLE_OAUTH_CONFIG = {
  clientId: 'VOTRE_CLIENT_ID',
  clientSecret: 'VOTRE_CLIENT_SECRET',
  redirectUri: 'com.pixxle.oauth://callback',
  authUrl: 'https://www.pixxle.me/oauth/v2/authorize',
  tokenUrl: 'https://www.pixxle.me/v2/oauth/token',
  userInfoUrl: 'https://api.pixxle.me/api/access/user',
  authUrlFallback: 'https://109.234.165.214/oauth/v2/authorize',
  tokenUrlFallback: 'https://109.234.165.214/v2/oauth/token',
  userInfoUrlFallback: 'https://109.234.165.214/api/access/user',
  scope: 'user.full'
};

// 2. Configuration principale
import { bootstrapApplication } from '@angular/platform-browser';
import { providePixxleOAuth } from '@pixxle/oauth-ionic';

bootstrapApplication(AppComponent, {
  providers: [
    providePixxleOAuth(PIXXLE_OAUTH_CONFIG)
  ]
});

// 3. Utilisation avec directive (RECOMMANDÉ)
import { PixxleLoginDirective } from '@pixxle/oauth-ionic';

@Component({
  imports: [PixxleLoginDirective]
})
export class LoginPage {}

// HTML
// <button pixxleLogin>Se connecter avec Pixxle</button>

// 4. Utilisation avec service direct
import { PixxleOAuthService } from '@pixxle/oauth-ionic';

@Component({})
export class LoginPage {
  private oauthService = inject(PixxleOAuthService);

  async login() {
    await this.oauthService.login();
  }
}