#प्लगइन

NocoBase में, क्लाइंट प्लगइन फ्रंटएंड कार्यक्षमता को बढ़ाने और अनुकूलित करने का मुख्य तरीका है। @nocobase/client द्वारा प्रदान की गई Plugin बेस क्लास को इनहेरिट करके, डेवलपर्स विभिन्न जीवनचक्र चरणों में लॉजिक रजिस्टर कर सकते हैं, पेज कंपोनेंट जोड़ सकते हैं, मेनू का विस्तार कर सकते हैं या तीसरे पक्ष की कार्यक्षमता को एकीकृत कर सकते हैं।

#प्लगइन क्लास संरचना

एक सबसे बुनियादी क्लाइंट-साइड प्लगइन संरचना इस प्रकार है:

import { Plugin } from '@nocobase/client';

export class PluginHelloClient extends Plugin {
  async afterAdd() {
    // प्लगइन जोड़ने के बाद निष्पादित होता है
    console.log('Plugin added');
  }

  async beforeLoad() {
    // प्लगइन लोड होने से पहले निष्पादित होता है
    console.log('Before plugin load');
  }

  async load() {
    // प्लगइन लोड होने पर निष्पादित होता है, राउट्स, यूआई कंपोनेंट आदि रजिस्टर करें
    console.log('Plugin loaded');
  }
}

export default PluginHelloClient;

#जीवनचक्र का विवरण

जब ब्राउज़र रीफ़्रेश होता है या एप्लिकेशन इनिशियलाइज़ होता है, तो प्रत्येक प्लगइन क्रमशः निम्नलिखित जीवनचक्र से गुजरता है:

#निष्पादन क्रम

हर बार जब ब्राउज़र रीफ़्रेश होता है, तो afterAdd() → beforeLoad() → load() निष्पादित होगा।

#प्लगइन कॉन्टेक्स्ट और फ्लोइंजन

NocoBase 2.0 से शुरू होकर, क्लाइंट-साइड एक्सटेंशन एपीआई मुख्य रूप से फ्लोइंजन में केंद्रित हैं। प्लगइन क्लास में, आप this.engine के माध्यम से इंजन इंस्टेंस प्राप्त कर सकते हैं।

// load() विधि में इंजन कॉन्टेक्स्ट को एक्सेस करें
async load() {
  const { app, router, apiClient } = this.engine.context;
  console.log('Current app:', app);
}

अधिक जानकारी के लिए देखें:

• FlowEngine
• Context