जब एंगुलर 2 में ऐप शुरू होता है तो सर्विस कैसे चलाएं

Question 1

मैंने एक सेवा सॉकेट सेवा का निर्माण किया, मूल रूप से यह सॉकेट को प्रारंभ करता है ताकि ऐप को पोर्ट पर सुनने दिया जा सके। यह सेवा कुछ घटकों के साथ सहभागिता भी करती है।

// socket.service.ts

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

मुझे पता है कि कोड सॉकेटसर्वर के कंस्ट्रक्टर () में तब ही चलना शुरू होता है जब कोई घटक सॉकेट्स सर्विस का उपयोग करता है।

और आमतौर पर 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]);

अब यह काम कर रहा है। समस्या कभी-कभी सॉकेट्स सर्विस के कंस्ट्रक्टर () रन में कोड होती है, कभी-कभी नहीं। तो मुझे इसे सही तरीके से कैसे करना चाहिए? धन्यवाद

Question 2

स्टुअर्ट का उत्तर सही दिशा में इंगित करता है, लेकिन APP_INITIALIZER पर जानकारी प्राप्त करना आसान नहीं है। संक्षिप्त संस्करण यह है कि आप अपने किसी अन्य एप्लिकेशन कोड के चलने से पहले आरंभीकरण कोड को चलाने के लिए इसका उपयोग कर सकते हैं। मैंने थोड़ी देर खोजा और यहाँ और यहाँ स्पष्टीकरण पाया , जो मैं उस मामले में संक्षेप में बताऊँगा जब वे वेब से गायब हो जाते हैं।

APP_INITIALIZER को कोणीय / कोर में परिभाषित किया गया है। आप इसे अपने app.module.ts में इस तरह शामिल करते हैं।

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

APP_INITIALIZER एक OpaqueToken (या Angular 4 के बाद एक InjectionToken) है जो ApplicationInitStatus सेवा का संदर्भ देता है। ApplicationInitStatus एक बहु प्रदाता है । यह कई निर्भरता का समर्थन करता है और आप इसे अपने प्रदाताओं की सूची में कई बार उपयोग कर सकते हैं। इसका उपयोग इस तरह किया जाता है।

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

यह प्रदाता घोषणा DictionaryService.load () विधि को चलाने के लिए ApplicationInitStatus वर्ग को बताता है। लोड () एक वादा लौटाता है और ApplicationInitStatus वादा शुरू होने तक ऐप स्टार्टअप को ब्लॉक कर देता है। लोड () फ़ंक्शन को इस तरह परिभाषित किया गया है।

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

इस तरह सेट करें कि शब्दकोश पहले लोड हो जाता है और ऐप के अन्य हिस्से सुरक्षित रूप से इस पर निर्भर हो सकते हैं।

संपादित करें: इस बात से अवगत रहें कि इससे आपके लिए अप-फ्रंट लोड समय में वृद्धि होगी, हालांकि लंबे समय तक लोड () विधि अपनाती है। यदि आप बचना चाहते हैं कि आप अपने मार्ग पर एक रिज़ॉल्वर का उपयोग कर सकते हैं ।

Question 3

अपने 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]);

Question 4

APP_INITIALIZER भी देखें , जिसका वर्णन इस प्रकार है;

एक फ़ंक्शन जिसे किसी एप्लिकेशन के आरंभ होने पर निष्पादित किया जाएगा।

Question 5

सेवा निर्माता बनाने का प्रयास करें और फिर इसे अपने घटक के 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;
        });   
  }  
}

स्निपेट का विस्तार करें

उम्मीद है की यह मदद करेगा।