Cách chạy dịch vụ khi ứng dụng khởi động trong Angular 2

Tôi đã tạo một dịch vụ SocketService, về cơ bản nó khởi tạo socket để cho phép ứng dụng lắng nghe trên cổng. Dịch vụ này cũng tương tác với một số thành phần.

// socket.service.ts

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

Tôi biết mã trong hàm tạo của SocketService () chỉ bắt đầu chạy khi một thành phần sử dụng SocketService.

Và thường mã trong app.ts trông như thế này:

// app.ts

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

Tuy nhiên, tôi muốn dịch vụ này chạy khi ứng dụng khởi động. Vì vậy, tôi đã tạo một mẹo, chỉ cần thêm hàm tạo private _socketService: SocketServicecủa App (). Vì vậy, bây giờ các mã trông như thế này:

// app.ts (mới)

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

Bây giờ nó hoạt động. Vấn đề là đôi khi các mã trong constructor () của SocketService chạy, đôi khi không. Vậy tôi phải làm như thế nào cho đúng? Cảm ơn

Câu trả lời của Stuart đưa ra đúng hướng, nhưng không dễ tìm thông tin trên APP_INITIALIZER. Phiên bản ngắn là bạn có thể sử dụng nó để chạy mã khởi tạo trước khi chạy bất kỳ mã ứng dụng nào khác của bạn. Tôi đã tìm kiếm một lúc và tìm thấy những lời giải thích ở đây và đây , mà tôi sẽ tóm tắt trong trường hợp chúng biến mất khỏi web.

APP_INITIALIZER được định nghĩa trong góc / lõi. Bạn đưa nó vào app.module.ts của mình như thế này.

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

APP_INITIALIZER là một OpaqueToken (hoặc một InjectionToken kể từ Angular 4) tham chiếu đến dịch vụ ApplicationInitStatus. ApplicationInitStatus là một nhà cung cấp đa . Nó hỗ trợ nhiều phần phụ thuộc và bạn có thể sử dụng nó trong danh sách nhà cung cấp của mình nhiều lần. Nó được sử dụng như thế này.

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

Khai báo trình cung cấp này cho lớp ApplicationInitStatus chạy phương thức DictionaryService.load (). load () trả về một lời hứa và ApplicationInitStatus chặn khởi động ứng dụng cho đến khi lời hứa đó được giải quyết. Hàm load () được định nghĩa như thế này.

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

Thiết lập như vậy từ điển sẽ được tải trước và các phần khác của ứng dụng có thể phụ thuộc vào từ điển một cách an toàn.

Chỉnh sửa: Hãy lưu ý rằng điều này sẽ làm tăng thời gian tải trước cho ứng dụng của bạn theo thời gian phương thức load () mất. Nếu bạn muốn tránh điều đó, bạn có thể sử dụng trình phân giải trên tuyến đường của mình.

SocketServiceThay vào đó, hãy di chuyển logic trong hàm tạo của bạn sang một phương thức và sau đó gọi phương thức đó trong hàm tạo của thành phần chính của bạn hoặcngOnInit

SocketService

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

Ứng dụng

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

Cũng xem APP_INITIALIZER , được mô tả là;

Một chức năng sẽ được thực thi khi một ứng dụng được khởi tạo.

Hãy thử Tạo phương thức khởi tạo dịch vụ và sau đó gọi nó trong ngOnInit () của thành phần của bạn.

• Mô-đun dịch vụ

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

• Thành phần

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

Hi vọng điêu nay co ich.