.NET MAUI Blazorで構築したアプリを、モバイル環境に適用しよう

マルチターゲットアプリ開発の新しいアプローチ～.NET 9 新テンプレートの基本～ 第4回

APIキー取得処理の変更（2）

OpenAIImageServiceの変更

　前回は、OpenAIのクライアントをクラスのフィールドにしていましたが、今回は、実際にAPIを利用する直前に、ローカルのオブエジェクトとして生成するようにします。

　これは、APIキーを取得するGetApiKeyAsyncメソッドが非同期メソッドであり、コンストラクタ内では、awaitが使えないためです。

［リスト6］OpenAIImageService.cs

public class OpenAIImageService(ApiKeyService settings) : IImageGenerationService
{
    public async Task<string> GenerateImageAsync(string prompt, int quality, int size)
    {
        var apiKey = await settings.GetApiKeyAsync();
        ImageClient? _client = new("dall-e-3", apiKey);
 
        ～後略～
    }
}

サービスの登録

　MAUIのImageGeneratorプロジェクト、ImageGenerator.webプロジェクトでの、DI処理は、次のようになります。ユーザーシークレットの読み込み処理は、今回はフレームワーク側の処理を利用するため、前回のような明示的な記述は不要となっています。

　ImageGenerator.webプロジェクトでは、次のように、 WebKeyStorageクラスを注入します。

　

［リスト7］Program.cs

～略～
public static void Main(string[] args)
{
～略～
    builder.Services.AddSingleton<IFormFactor, FormFactor>();
     builder.Services.AddSingleton<IImageGenerationService, OpenAIImageService>();

     // Web側ではWebKeyStorageクラスを注入する
     builder.Services.AddSingleton<IApiKeyStorage, WebKeyStorage>();
     builder.Services.AddSingleton<ApiKeyService>(); // Sharedのサービス
～略～
}
～略～

　一方、ImageGeneratorプロジェクトでは、次のように、 MauiKeyStorageクラスを注入します。

［リスト8］MauiProgram.cs

～略～
public static void Main(string[] args)
{
～略～
    builder.Services.AddSingleton<IFormFactor, FormFactor>();
    builder.Services.AddSingleton<IImageGenerationService, OpenAIImageService>();

     // Maui側ではMauiKeyStorageクラスを注入する
    builder.Services.AddSingleton<IApiKeyStorage, MauiKeyStorage>();
     builder.Services.AddSingleton<ApiKeyService>(); // Sharedのサービス
～略～
}
～略～

　このように、それぞれのプロジェクトで、その環境に応じたクラスを注入しても、IApiKeyStorageを継承しているため、利用する側であるApiKeyServiceクラスは、実装の違いを意識する必要はありません。

最後に

　今回は、.NET MAUI Blazor Hybridアプリをモバイル環境で動作させるための手順と、APIキーの扱いや、MauiKeyStorageについて解説しました。次回は、.NET MAUIの真価を発揮する部分である、ネイティブ機能との連携について解説します。