Auth-0 aplikacja do odpalania rakiet – frontend

Obsługa ścieżek

Do obsługi ścieżek w aplikacji dodałem pakiet aurelia router

export class Home { }
<template>
   <h1>Home</h1>
</template>

Następnie usunąłem ciało klasy App w pliku app.ts i dodałem metodę configureRouter

public configureRouter(config: RouterConfiguration, router: Router): void {
 	this.router = router;

	config.title = 'Rocket Launcher';
	config.options.pushState = true;
	config.map([
		{route: ['', 'home'],     name: 'home',           moduleId: PLATFORM.moduleName('home')},
		{route: 'launch-console', name: 'launch-console', moduleId: PLATFORM.moduleName('launch-console')},
		{route: 'logged-in',      name: 'logged-in',      moduleId: PLATFORM.moduleName('logged-in')},
		{route: 'logged-out',     name: 'logged-out',     moduleId: PLATFORM.moduleName('logged-out')}
	]);
}
  • config.title – ustawia tytuł aplikacji
  • config.options.pushState = true – zmienia działanie routingu, domyślnie aurelia interpretuje część adresu po płotku(#) po włączeniu tej opcji interpretowana jest część przed płotkiem, jest to konieczne ponieważ auth0 po płotku przekazuje dane wymagane do autoryzacji
  • config.map – służy do konfigurowania ścieżek

Natomiast treść pliku app.html zmieniłem na:

<template>
  <h1>${router.title}<h1>
  <router-view></router-view>
</template>

Element router-view wyświetla aktywną stronę.

Jedna odpowiedź do “Auth-0 aplikacja do odpalania rakiet – frontend”

  1. Pingback: dotnetomaniak.pl

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *