作業の開始: electron アプリにWindows API を追加する

このガイドでは、Windows アプリ開発 CLI を使用して、electron アプリケーションにWindowsネイティブ機能を追加する手順について説明します。 Electron アプリから最新のWindows API を呼び出し、アプリ ID でテストし、パッケージを配布する方法について説明します。

あなたが構築するもの

このガイドを最後まで進めると、Electron アプリを完成させることができます。

  • ✅ 最新のWindows API を呼び出します (Windows SDK とWindows アプリ SDK)
  • ✅ AI 機能を備えたネイティブ アドオンを使用する (Phi Silica または WinML)
  • ✅ 保護された API をテストするためのアプリ ID を使用して実行する
  • ✅ 配布用の署名付き MSIX としてのパッケージ

前提条件

開始する前に、次のことを確認してください。

  • Windows 11 (Phi Silica を使用している場合は Copilot+ PC)
  • Node.js - winget install OpenJS.NodeJS --source winget
  • .NET SDK v10 - winget install Microsoft.DotNet.SDK.10 --source winget
  • Visual Studio のネイティブ デスクトップ ワークロード - winget install --id Microsoft.VisualStudio.Community --source winget --override "--add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended --passive --wait"

プロセス

Windows対応 Electron アプリの構築には、主に次の 3 つのフェーズが含まれます。

1. 開発環境の設定

まず、必要なツールと SDK を使用して開発環境を設定します。 これには次のものが含まれます。

  • Electron アプリの作成または構成
  • winapp CLI のインストール
  • Windows SDK と必要な資産の初期化
  • ビルド パイプラインの設定

セットアップを始める →

2. ネイティブ アドオンの作成

次に、Windows API を呼び出すネイティブ アドオンを作成します。 次のいずれかのガイドを選択します。

オプション A: C++ 通知アドオンの作成

Windows アプリ SDK通知 API を呼び出す C++ アドオンを作成する方法について説明します。 これは、より複雑なシナリオに進む前にネイティブ アドオンを理解するための優れた出発点です。

C++ 通知アドオン →を作成する

オプション B: Phi シリカ アドオンの作成

Phi Silica AI モデルを使用してデバイス上のテキストを要約する C# アドオンを作成する方法について説明します。 Phi Silica は、NPU を使用する Windows 11 デバイスでローカルに実行される小さな言語モデルです。

Phi Silica アドオン →を作成する

オプション C: WinML アドオンの作成

Windows Machine Learning (WinML) を使用して画像分類、物体検出などのカスタム ONNX モデルを実行する C# アドオンを作成する方法について説明します。

WinML アドオン →を作成する

3. 流通用包装

最後に、配布用の MSIX としてアプリをパッケージ化します。 これには次のものが含まれます。

  • 運用環境用にアプリをビルドする
  • MSIX パッケージの作成と署名
  • インストールされているパッケージのテスト
  • 配布オプションについて

アプリ →をパッケージ化する

クイック ナビゲーション

Phase ガイド ここでは、次の内容について学習します
1️⃣ セットアップ ツールのインストール、SDK の初期化、ビルド パイプラインの構成
2️⃣ C++ 通知アドオン C++ アドオンの作成、通知 API の呼び出し、デバッグ ID を使用したテスト
2️⃣ Phi シリカ アドオン C# アドオンの作成、AI API の呼び出し、デバッグ ID を使用したテスト
2️⃣ WinML アドオン C# アドオンの作成、WinML API の呼び出し、ONNX モデルの実行、ML の統合
3️⃣ パッケージ化 運用アプリの構築、MSIX の作成、配布

その他のリソース

ヘルプを取得する

  • Last updated on