Aurelia의 docs.md에 적힌 기능 테스트(1)

스켈튼-navigation도 일했으니까,docs.나는 MD에 적힌 기능을 시험해 보기로 결정했다.docs.MD는 기능적인 설명이 있지만 이동하는 코드를 자주 찾지 못하기 때문에 스켈튼-navigation을 바탕으로docs를 사용합니다.MD의 기능을 확인하기로 했습니다.
초기화 시 구성 스크립트
Aurelia를 초기화할 때 프레임 설정을 변경하거나 임의의 코드를 실행합니다.이것은 최신 스켈튼-navigation에서 애니메이션의 샘플로 쓰인다.skelton-navigation의 보충를 보면 사용법을 알 수 있다.
주의해야 할 것은 이 기능을 사용하면 Aurelia의 초기화는 진행되지 않고 반드시 스스로 필요한 초기화를 진행해야 한다는 것이다.
샘플의 configure 스크립트에서

  aurelia.use
    .standardConfiguration()
    .developmentLogging()

오직 이 부분만이 필요한 초기화이다.standardConfiguration는 표준 초기화에 사용되는 편리한 함수이다.그중에 무엇을 하는지 bootstraper의 소스가 비교적 좋다.
로거
상기 설정에는 모두 로거developmentLogging가 설정됐다.안에 컨트롤러가 설치되어 있다.
docs.md면 로그의 출법과 로그 단계의 설정을 알 수 있죠?쓰여 있지만 몰라요.네.
아까 bootstrapper 소스에도 사용했기 때문에 알겠습니다.사용 방법

import LogManager

debug/info/warn/error의 각 방법으로 등급 지정

전달 매개 변수

로그를 적용합니다.js를 편입해 본 것은 다음과 같다.

// Logmanagerのimport
import {inject,LogManager} from 'aurelia-framework';
import {Router} from 'aurelia-router';
import 'bootstrap';
import 'bootstrap/css/bootstrap.css!';

// ロガーの取得。この時出力するクラス名をセット
var logger = LogManager.getLogger('app');


@inject(Router)
export class App {
  constructor(router) {
    //debugログ
    logger.debug('start app constructor');

    this.router = router;
    this.router.configure(config => {
      config.title = 'Aurelia';
      config.map([
        { route: ['','welcome'],  moduleId: './welcome',      nav: true, title:'Welcome' },
        { route: 'flickr',        moduleId: './flickr',       nav: true },
        { route: 'child-router',  moduleId: './child-router', nav: true, title:'Child Router' }
      ]);
    });

    // infoログ。ここではES6のtemplate stringや、引数も試している
    logger.info(`router configured : ${router.title}`,[router]);
  }
}

자바를 하는 사람은 익숙한 사용 방법이다.다만, 출력 형식은 고정되어 있습니다.
이런 느낌으로 콘솔에 출력한다.

마지막 info에서 template string 변수를 문자열로 설정하고 파라미터를 컨트롤러에 출력합니다.