#Plugin

I NocoBase är klient-plugin det huvudsakliga sättet att utöka och anpassa frontend-funktionalitet. Genom att ärva basklassen Plugin från @nocobase/client kan utvecklare registrera logik, lägga till sidkomponenter, utöka menyer eller integrera tredjepartsfunktionalitet i olika livscykelfaser.

#Plugin-klassens struktur

En grundläggande struktur för ett klient-plugin ser ut så här:

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

export class PluginHelloClient extends Plugin {
  async afterAdd() {
    // Utförs efter att pluginet har lagts till
    console.log('Plugin added');
  }

  async beforeLoad() {
    // Utförs innan pluginet laddas
    console.log('Before plugin load');
  }

  async load() {
    // Utförs när pluginet laddas; registrera rutter, UI-komponenter, etc.
    console.log('Plugin loaded');
  }
}

export default PluginHelloClient;

#Livscykelbeskrivning

Varje plugin genomgår följande livscykel i sekvens när webbläsaren uppdateras eller applikationen initieras:

#Utförandeordning

Varje gång webbläsaren uppdateras kommer afterAdd() → beforeLoad() → load() att utföras.

#Plugin-kontext och FlowEngine

Från och med NocoBase 2.0 är klientens utöknings-API:er huvudsakligen koncentrerade till FlowEngine. I plugin-klassen kan ni hämta motorinstansen via this.engine.

// Åtkomst till motorkontexten i load()-metoden
async load() {
  const { app, router, apiClient } = this.engine.context;
  console.log('Current app:', app);
}

För mer information, se:

• FlowEngine
• Context