#Eklenti

NocoBase'de, istemci eklentisi (Client Plugin), ön uç işlevselliğini genişletmenin ve özelleştirmenin ana yoludur. @nocobase/client tarafından sağlanan Plugin temel sınıfını miras alarak, geliştiriciler farklı yaşam döngüsü aşamalarında mantık kaydedebilir, sayfa bileşenleri ekleyebilir, menüleri genişletebilir veya üçüncü taraf işlevselliğini entegre edebilirler.

#Eklenti Sınıf Yapısı

Temel bir istemci eklentisi yapısı aşağıdaki gibidir:

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

export class PluginHelloClient extends Plugin {
  async afterAdd() {
    // Eklenti eklendikten sonra çalışır
    console.log('Plugin added');
  }

  async beforeLoad() {
    // Eklenti yüklenmeden önce çalışır
    console.log('Before plugin load');
  }

  async load() {
    // Eklenti yüklendiğinde çalışır; rotaları, UI bileşenlerini vb. kaydeder
    console.log('Plugin loaded');
  }
}

export default PluginHelloClient;

#Yaşam Döngüsü Açıklaması

Her eklenti, tarayıcı yenilendiğinde veya uygulama başlatıldığında sırasıyla aşağıdaki yaşam döngüsü aşamalarından geçer:

#Çalışma Sırası

Tarayıcı her yenilendiğinde, afterAdd() → beforeLoad() → load() sırasıyla çalıştırılır.

#Eklenti Bağlamı ve FlowEngine

NocoBase 2.0'dan itibaren, istemci tarafı genişletme API'leri ağırlıklı olarak FlowEngine'de yoğunlaşmıştır. Eklenti sınıfında, this.engine aracılığıyla motor örneğine erişebilirsiniz.

// load() metodunda motor bağlamına erişim
async load() {
  const { app, router, apiClient } = this.engine.context;
  console.log('Current app:', app);
}

Daha fazla bilgi için bakınız:

• FlowEngine
• Bağlam