Як запустити службу, коли програма запускається в Angular 2

Я створив службу SocketService, в основному вона ініціалізує сокет, щоб програма могла слухати порт. Ця послуга також взаємодіє з деякими компонентами.

// socket.service.ts

export class SocketService {
    constructor() {
        // Initializes the socket
    }
    ...
}

Я знаю, що код у конструкторі SocketService () починає запускатися лише тоді, коли компонент використовує SocketService.

І зазвичай код в app.ts виглядає так:

// app.ts

import {SocketService} from './socket.service';
...
class App {
    constructor () {}
}
bootstrap(App, [SocketService]);

Однак я хочу, щоб ця послуга запускалася під час запуску програми. Тож я зробив фокус, просто додайте private _socketService: SocketServiceконструктор програми (). Тож тепер коди виглядають так:

// app.ts (новий)

import {SocketService} from './socket.service';
...
class App {
    constructor (private _socketService: SocketService) {}
}
bootstrap(App, [SocketService]);

Зараз це працює. Проблема полягає в тому, що коди в конструкторі () SocketService виконуються, а іноді ні. То як я повинен це робити правильно? Дякую

Відповідь Стюарта вказує у правильному напрямку, але знайти інформацію на APP_INITIALIZER непросто. Коротка версія - ви можете використовувати її для запуску коду ініціалізації до запуску будь-якого іншого коду вашої програми. Я деякий час шукав і знаходив тут і тут пояснення , які я підсумуватиму на випадок, якщо вони зникнуть з Мережі.

APP_INITIALIZER визначається в angular / core. Ви включаєте його у свій app.module.ts ось так.

import { APP_INITIALIZER } from '@angular/core';

APP_INITIALIZER - це OpaqueToken (або InjectionToken, починаючи з Angular 4), який посилається на службу ApplicationInitStatus. ApplicationInitStatus - це мультипровайдер . Він підтримує кілька залежностей, і ви можете використовувати його у списку своїх постачальників кілька разів. Його використовують так.

@NgModule({
  providers: [
    DictionaryService,
    {
      provide: APP_INITIALIZER,
      useFactory: (ds: DictionaryService) => () => return ds.load(),
      deps: [DictionaryService],
      multi: true
    }]
})
export class AppModule { }

Ця декларація постачальника повідомляє класу ApplicationInitStatus про запуск методу DictionaryService.load (). load () повертає обіцянку, і ApplicationInitStatus блокує запуск програми, доки обіцянка не вирішиться. Функція load () визначається так.

load(): Promise<any> {
  return this.dataService.getDiscardReasons()
  .toPromise()
  .then(
    data => {
      this.dictionaries.set("DISCARD_REASONS",data);
    }
  )
}

Налаштуйте так, що словник завантажується спочатку, а інші частини програми можуть безпечно залежати від цього.

Редагувати: майте на увазі, що це збільшить час попереднього завантаження програми, скільки б часу не зайняв метод load (). Якщо ви хочете уникнути цього, замість цього ви можете використати на своєму маршруті резольвер .

Перемістіть логіку у вашому SocketServiceконструкторі до методу, а потім викличте це у конструкторі вашого основного компонента абоngOnInit

SocketService

export class SocketService{
    init(){
        // Startup logic here
    }
}

Додаток

import {SocketService} from './socket.service';
...
class App {
    constructor (private _socketService: SocketService) {
        _socketService.init();
    }
}
bootstrap(App, [SocketService]);

Також див. APP_INITIALIZER , який описується як;

Функція, яка буде виконана при ініціалізації програми.

Спробуйте створити конструктор служби, а потім зателефонуйте йому в ngOnInit () вашого компонента.

• Сервісний модуль

 export class SocketService {
    constructor() { }
        getData() {
            //your code Logic
        }
}

• Компонент

export class AppComponent {
    public record;  
    constructor(private SocketService: DataService){ }
    ngOnInit() {        
        this.SocketService.getData()
        .subscribe((data:any[]) => {
            this.record = data;
        });   
  }  
}       

Сподіваюся, це допомагає.