バックグラウンドサービス

この記事では、バックグラウンドサービスプラグインの基本概念について説明します。

最終更新 2 年前

バックグラウンドサービス

この記事では、バックグラウンドサービスプラグインの基本概念について説明します。

バックグラウンドサービスプラグインの開発方法はと似ていますが、コードの実行タイミングが異なります。バックグラウンドサービスプラグインは、ソフトウェアが起動されると自動的に起動し、ウィンドウプラグインはユーザーがクリックすると実行されます。バックグラウンドサービスプラグインを作成するには、manifest.json の main フィールドに "serviceMode": true を追加するだけです。例：

{
    "main":
    {
        "serviceMode": true,    // 主な違い
        "url": "index.html",
        "width": 640,
        "height": 480
    }
}

バックグラウンドサービスプラグインもウィンドウをポップアップできます。このウィンドウには、現在のバックグラウンドタスクの進捗や状況を表示して、ユーザーがプラグインの現在の状態を明確に把握できるようにすることができます。

最終的なコードは以下の通りです。

{
    "id": "LBCZEHP8BBO94",
    "version": "1.0.0",
    "name": "Service Plugin",
    "logo": "/logo.png",
    "keywords": [],
    "main":
    {
        "serviceMode": true,
        "url": "index.html",
        "width": 640,
        "height": 480
    }
}


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <script type="text/javascript" src="js/plugin.js"></script>
</head>

<body>
    <div>バックグラウンドサービスはUIを持たなくても構いませんが、バックグラウンドサービスの状態をここに表示することができます。</div>
</body>
</html>

console.log(`プラグインは自動的に作成されるので、ユーザーが実行する必要はありません。`);

eagle.onPluginCreate((plugin) => {
    console.log('eagle.onPluginCreate');
    console.log(plugin);
});

eagle.onPluginShow(() => {
    console.log('eagle.onPluginShow');
});

eagle.onPluginHide(() => {
    console.log('eagle.onPluginHide');
});

完全なサンプルコード：

前へウィンドウ次へフォーマット拡張

最終更新 2 年前

{
    "main":
    {
        "serviceMode": true,    // 主な違い
        "url": "index.html",
        "width": 640,
        "height": 480
    }
}

最終的なコードは以下の通りです。

{
    "id": "LBCZEHP8BBO94",
    "version": "1.0.0",
    "name": "Service Plugin",
    "logo": "/logo.png",
    "keywords": [],
    "main":
    {
        "serviceMode": true,
        "url": "index.html",
        "width": 640,
        "height": 480
    }
}


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <script type="text/javascript" src="js/plugin.js"></script>
</head>

<body>
    <div>バックグラウンドサービスはUIを持たなくても構いませんが、バックグラウンドサービスの状態をここに表示することができます。</div>
</body>
</html>

console.log(`プラグインは自動的に作成されるので、ユーザーが実行する必要はありません。`);

eagle.onPluginCreate((plugin) => {
    console.log('eagle.onPluginCreate');
    console.log(plugin);
});

eagle.onPluginShow(() => {
    console.log('eagle.onPluginShow');
});

eagle.onPluginHide(() => {
    console.log('eagle.onPluginHide');
});

完全なサンプルコード：

注：manifest.jsonのすべての設定方法については、この記事を参照してください。。

**注意：**プラグインの実行プロセスで相対的なリソースライブラリパスに依存しなければならない場合、を介してライブラリが切り替わるたびに適切な調整を行い、プログラムの実行過程でエラーが発生しないようにする必要があります。