umbraco-entry-point

Umbraco エントリーポイント

これは何ですか？

エントリーポイントは、Umbraco バックオフィスの起動時に JavaScript コードを実行する拡張機能です。バックオフィスエントリーポイントはユーザー認証後に実行され、初期化ロジック、外部ライブラリの読み込み、UI 拡張機能の動的な登録、グローバル CSS の取り込みなどに使用されます。オプションの onUnload 関数はクリーンアップを処理します。

ドキュメント

実装する前に、常に最新のドキュメントを取得してください。

• メインドキュメント: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/extending-overview/extension-types/backoffice-entry-point
• 基礎: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/foundation
• 拡張機能レジストリ: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/extending-overview/extension-registry

ワークフロー

1. ドキュメントを取得 - 上記の URL に対して WebFetch を使用します
2. 質問する - どのような初期化が必要ですか？ 外部ライブラリはありますか？ クリーンアップは必要ですか？
3. ファイルを生成 - 最新のドキュメントに基づいてマニフェスト + エントリーポイントを作成します
4. 説明 - 作成された内容とテスト方法を示します

最小限の例

マニフェスト (umbraco-package.json)

{
  "name": "My Package",
  "extensions": [
    {
      "type": "backofficeEntryPoint",
      "alias": "My.EntryPoint",
      "name": "My Entry Point",
      "js": "/App_Plugins/MyPackage/index.js"
    }
  ]
}

実装 (index.ts)

import type { UmbEntryPointOnInit } from '@umbraco-cms/backoffice/extension-api';

export const onInit: UmbEntryPointOnInit = (host, extensionRegistry) => {
  console.log('My package initialized');

  // Register extensions dynamically
  extensionRegistry.register({
    type: 'dashboard',
    alias: 'My.Dashboard',
    name: 'My Dashboard',
    element: () => import('./dashboard.js'),
    meta: {
      label: 'My Dashboard',
      pathname: 'my-dashboard'
    }
  });
};

// Optional cleanup
export const onUnload = () => {
  console.log('My package unloaded');
};

以上です！ 常に最新のドキュメントを取得し、例は最小限に保ち、完全に動作するコードを生成してください。