Web 側コードからネイティブ側コードを呼び出す

[アーティクル]
03/29/2023

WebView2 を使用すると、オブジェクトを Web に渡すことにより、アプリケーションがアプリケーションの Web 側とネイティブ側の間のギャップを埋められます。ネイティブコードで定義されている中間ネイティブホストオブジェクトを使用して、選択したネイティブ側 API を Web ページ JavaScript に公開します。ネイティブ側 API は、WebView2 AddHostObjectToScript API を使用して JavaScript に投影されます。

ICoreWebView2::AddHostObjectToScript メソッド

この記事では主に Win32/C++ について説明し、フレーム内の .NET/C# のいくつかの側面についても説明します。 WinRT については、「 Web 側コードからネイティブ側の WinRT コードを呼び出す」を参照してください。

`AddHostObjectToScript`を使用する理由

WebView2 アプリを開発するときに、メソッドまたはプロパティが役に立つネイティブオブジェクトが見つかる場合があります。アプリの Web 側でのユーザー操作の結果として、Web 側のコードからこれらのネイティブオブジェクトメソッドをトリガーする必要がある場合があります。さらに、Web 側コードでネイティブオブジェクトのメソッドを再実装したくない場合もあります。 AddHostObjectToScript API を使用すると、Web 側コードによるネイティブ側コードの再利用が可能になります。
たとえば、Web 側で大量のコードを書き直す必要があるネイティブ Web カメラ API が存在する場合があります。ネイティブオブジェクトのメソッドを呼び出す機能を持つことは、アプリの Web 側でオブジェクトのメソッドを再コーディングするよりも迅速かつ効率的です。この場合、ネイティブ側のコードは、JavaScript コードがネイティブ API のメソッドを再利用できるように、アプリの Web 側の JavaScript コードにオブジェクトを渡すことができます。

スクリプトでホストオブジェクトを使用する利点があるシナリオ:

キーボード API があり、web 側から keyboardObject.showKeyboard 関数を呼び出す必要があります。
JavaScript を使用して、Web ページのサンドボックスだけでなく、ファイルシステムにアクセスする。 JavaScript はサンドボックス化されているため、ファイルシステムに直接アクセスできなくなります。 AddHostObjectToScriptを使用して JavaScript に公開されるネイティブオブジェクトを作成すると、ホストオブジェクトを使用して、Web ページサンドボックスだけでなく、ファイルシステム上のファイルを操作できます。

この記事では、 Win32 サンプルアプリを使用して、 AddHostObjectToScriptのいくつかの実用的なアプリケーションを示します。

手順 1: Visual Studio をインストールし、git をインストールし、WebView2Samples リポジトリを複製して、ソリューションを開く

Win32 サンプルアプリで説明されているように、Microsoft Visual Studio 2019 (バージョン 16.11.10) 以降とその他の前提条件をダウンロードしてインストールします。 Win32 サンプルアプリは Visual Studio 2019 を使用して作成されているため、この記事の例の手順に従うために、Visual Studio 2022 ではなく Visual Studio 2019 から開始することをお勧めします。
WebView2Samples リポジトリを複製します。リポジトリには、Win32 固有の WebView2 サンプルアプリが含まれています。手順については、新しいウィンドウまたはタブで、「 Win32 サンプルアプリ」を参照してください。
Microsoft Visual Studio を起動します。最初に Visual Studio 2019 を使用して Win32 サンプルを開くお勧めします。
複製された WebView2Samples リポジトリのローカルコピーで、 WebView2Samples>SampleApps>WebView2Samples.slnを開きます。 WebView2Samples.sln には、Win32 サンプルアプリである WebView2APISample プロジェクトが含まれています。サンプルアプリソリューションを開いたままにして、この記事の残りの部分に従ってください。

手順 2: IDL を使用してホストオブジェクトの COM インターフェイスを定義する

HostObjectSample.idl などの.idl ファイルでホストオブジェクトの COM インターフェイスを定義して、ホストオブジェクトのメソッドとプロパティを記述します。

まず、インターフェイス定義言語 (IDL) を使用して、ホストオブジェクトの COM インターフェイスを定義します。 idl ファイル内のこのホストオブジェクト定義は、公開されている (または "ラップされた") ネイティブ側のプロパティとメソッドについて説明します。 IDL (.idl) ファイルはインターフェイスを定義しますが、実装していません。

Visual Studio ソリューションエクスプローラーで、 WebView2APISample>Source Files を展開し、 HostObjectSample.idl ダブルクリックして開きます。

次のコードでは、インターフェイスを定義します。このインターフェイスは、COM の標準としてを継承します。この IHostObjectSample 定義は、オブジェクトのメソッド、プロパティ、コールバック関数などを定義するためのテンプレートとして使用します。

import "oaidl.idl";
import "ocidl.idl";

[uuid(0a7a4655-5660-47d0-8a37-98ae21399e57), version(0.1)]
library HostObjectSampleLibrary
{
    [uuid(3a14c9c0-bc3e-453f-a314-4ce4a0ec81d8), object, local]
    interface IHostObjectSample : IUnknown
    {
        // Demonstrates a basic method call with some parameters and a return value.
        HRESULT MethodWithParametersAndReturnValue([in] BSTR stringParameter, [in] INT integerParameter, [out, retval] BSTR* stringResult);

        // Demonstrate getting and setting a property.
        [propget] HRESULT Property([out, retval] BSTR* stringResult);
        [propput] HRESULT Property([in] BSTR stringValue);

        [propget] HRESULT IndexedProperty(INT index, [out, retval] BSTR * stringResult);
        [propput] HRESULT IndexedProperty(INT index, [in] BSTR stringValue);

        // Demonstrate native calling back into JavaScript.
        HRESULT CallCallbackAsynchronously([in] IDispatch* callbackParameter);

        // Demonstrates a property which uses Date types.
        [propget] HRESULT DateProperty([out, retval] DATE * dateResult);
        [propput] HRESULT DateProperty([in] DATE dateValue);

        // Creates a date object on the native side and sets the DateProperty to it.
        HRESULT CreateNativeDate();

    };

上記では、DATE型を使用するDatePropertyに注意してください。この記事では、この日付デモプロパティに焦点を当てます。

手順 3: ホストオブジェクトのコクラスを定義する

次に、この例では、IHostObjectSampleとIDispatchを含めるHostObjectSampleコクラスを定義します。

HostObjectSample.idlで、IHostObjectSampleインターフェイスとIDispatch インターフェイスを含む HostObjectSamplecoclass (コンポーネントオブジェクトクラス) を調べます。
```
    [uuid(637abc45-11f7-4dde-84b4-317d62a638d3)]
    coclass HostObjectSample
    {
        [default] interface IHostObjectSample;
        interface IDispatch;
    };
}
```
HostObjectSampleコクラスには、ホストオブジェクトがAddHostObjectToScriptで動作するために必要なinterface IDispatchが含まれています。

手順 4: C++ オブジェクトのメンバーを実装する

Win32 サンプルアプリコードでは、 HostObjectSampleImpl.cpp COM IDL ファイルで作成されたスケルトンを受け取り、C++ オブジェクトの各メンバーを実装します。この C++ (.cpp) ファイルは、定義されたインターフェイスを実装します (また、 IDispatchも実装します)。

IDL ファイルで説明したように、オブジェクトのインターフェイスで定義されているすべての関数を実装します。必ず、 IDispatchで必要な関数を実装してください。これらの関数が定義されていない場合、コンパイラはエラーをスローします。

次に、IDL で定義された 2 つの特定のプロパティを調べて、IDL が .cpp ファイルにどのように関連しているかを示します。

Visual Studio ソリューションエクスプローラーで、[ WebView2APISample>Source Files] を展開し、 HostObjectSampleImpl.cpp ダブルクリックして開きます。

HostObjectSample.idl のプロパティ宣言を調べます。

// Demonstrate getting and setting a property.
[propget] HRESULT Property([out, retval] BSTR* stringResult);
[propput] HRESULT Property([in] BSTR stringValue);
...
// Demonstrate a property which uses Date types
[propget] HRESULT DateProperty([out, retval] DATE * dateResult);
[propput] HRESULT DateProperty([in] DATE dateValue);

// Creates a date object on the native side and sets the DateProperty to it.
HRESULT CreateNativeDate();

HostObjectSampleImpl.cppでのオブジェクトのプロパティの実装を調べます。

STDMETHODIMP HostObjectSample::get_Property(BSTR* stringResult)
{
    *stringResult = SysAllocString(m_propertyValue.c_str());
    return S_OK;
}

STDMETHODIMP HostObjectSample::put_Property(BSTR stringValue)
{
    m_propertyValue = stringValue;
    return S_OK;
}
...

STDMETHODIMP HostObjectSample::get_DateProperty(DATE* dateResult)
{
    *dateResult = m_date;
    return S_OK;
}

STDMETHODIMP HostObjectSample::put_DateProperty(DATE dateValue)
{
    m_date = dateValue;
    SYSTEMTIME systemTime;
    if (VariantTimeToSystemTime(dateValue, &systemTime))
...
}

STDMETHODIMP HostObjectSample::CreateNativeDate()
{
    SYSTEMTIME systemTime;
    GetSystemTime(&systemTime);
    DATE date;
    if (SystemTimeToVariantTime(&systemTime, &date))
    {
        return put_DateProperty(date);
    }
    return E_UNEXPECTED;
}

この記事全体を通じてトレースする DatePropertyを調べます。

手順 5: IDispatch を実装する

WebView2 がネイティブホストオブジェクトをアプリの Web 側コードに投影できるように、ホストオブジェクトは IDispatch を実装する必要があります。

IDispatch では、メソッドとプロパティを動的に呼び出すことができます。通常、オブジェクトを呼び出すには静的呼び出しが必要ですが、JavaScript を使用してオブジェクト呼び出しを動的に作成できます。 Win32 サンプルアプリコードでは、 HostObjectSampleImpl.cpp は IDispatchを実装します。つまり、次のメソッドを実装します。

GetIDsOfNames
GetTypeInfo
GetTypeInfoCount
Invoke

「タイプライブラリとオブジェクト記述言語」の説明に従って、IDispatchを実装します。 IDispatchの継承とメソッドの詳細については、「IDispatch インターフェイス (oaidl.h)」を参照してください。

JavaScript に追加するオブジェクトに IDispatchがまだ実装されていない場合は、公開するオブジェクトの IDispatch クラスラッパーを記述する必要があります。

これを自動的に実行するライブラリが存在する可能性があります。公開するオブジェクトの IDispatch クラスラッパーを記述するために必要な手順の詳細については、「 Automation」を参照してください。

次に、プロジェクトで行った変更を保存します。
ソリューションエクスプローラーで、 WebView2APISample (Win32 サンプルアプリ) を右クリックし、[ ビルド] を選択します。これにより、ファイル .tlb COM タイプライブラリが作成されます。 C++ ソースコードから .tlb ファイルを参照する必要があります。詳細については、「COM、DCOM、およびタイプライブラリのタイプライブラリ」を参照してください。

手順 6: AddHostObjectToScript を呼び出して、ホストオブジェクトを Web 側のコードに渡す

ここまでは、インターフェイスを構築し、ネイティブホストオブジェクトを実装しました。これで、 AddHostObjectToScript を使用して、ネイティブホストオブジェクトをアプリの Web 側の JavaScript コードに渡す準備ができました。 Win32 サンプルアプリは、次に示すように、ScenarioAddHostObject.cppでAddHostObjectToScriptを呼び出します。

Visual Studio ソリューションエクスプローラーで、 WebView2APISample>Source Files>ScenarioAddHostObject.cpp を開きます。

ScenarioAddHostObject クラスの実装に移動します。このクラスは HTML を表示し、ナビゲーションを処理します。

ScenarioAddHostObject::ScenarioAddHostObject(AppWindow* appWindow)
    : m_appWindow(appWindow), m_webView(appWindow->GetWebView())
{
    std::wstring sampleUri = m_appWindow->GetLocalUri(L"ScenarioAddHostObject.html");

    m_hostObject = Microsoft::WRL::Make<HostObjectSample>(
        [appWindow = m_appWindow](std::function<void(void)> callback)
    {
        appWindow->RunAsync(callback);
    });

Make ステートメントは、IDL ファイルで定義されたHostObjectSample COM オブジェクトをインスタンス化する方法を示しています。これは、後で AddHostObjectToScript を呼び出すときに使用するオブジェクトです。 Make ステートメントは、HostObjectSampleImpl.cppで実装されているインターフェイスへのポインターを取得します。

次に、 NavigationStarting イベントをリッスンするイベントハンドラーを追加します。

    CHECK_FAILURE(m_webView->add_NavigationStarting(
        Microsoft::WRL::Callback<ICoreWebView2NavigationStartingEventHandler>(
            [this, sampleUri](ICoreWebView2* sender, ICoreWebView2NavigationStartingEventArgs* args) -> HRESULT
    {
        wil::unique_cotaskmem_string navigationTargetUri;
        CHECK_FAILURE(args->get_Uri(&navigationTargetUri));
        std::wstring uriTarget(navigationTargetUri.get());

NavigationStarting イベントハンドラーでは、query_to行 (下) によって、新しく作成された COM オブジェクトがIDispatch型にキャストされ、オブジェクトがVARIANTに変換されます。 VARIANT 型を使用すると、整数や配列などのデータ構造だけでなく、 IDispatchなどのより複雑な型を使用できます。

サポートされているデータ型の完全な一覧については、「 VARIANT 構造体 (oaidl.h)」を参照してください。 VARIANT共用体のすべての型がAddHostObjectToScriptでサポートされているわけではありません。詳細については、「 ICoreWebView2::AddHostObjectToScript メソッド」を参照してください。
```
        if (AreFileUrisEqual(sampleUri, uriTarget))
        {
            VARIANT remoteObjectAsVariant = {};
            m_hostObject.query_to<IDispatch>(&remoteObjectAsVariant.pdispVal);
            remoteObjectAsVariant.vt = VT_DISPATCH;
```
C++ コードフレンドリなオブジェクトのバリアントが作成されたので、サンプルアプリのネイティブ側コードで、ホストオブジェクトをアプリの Web 側コードに渡す準備ができました。

上の一番下の行では、 NavigationStarting イベントハンドラーによってリモートオブジェクトのバリアント型が IDispatchとして設定されます。

            // We can call AddHostObjectToScript multiple times in a row without
            // calling RemoveHostObject first. This will replace the previous object
            // with the new object. In our case this is the same object and everything
            // is fine.
            CHECK_FAILURE(
                m_webView->AddHostObjectToScript(L"sample", &remoteObjectAsVariant));
            remoteObjectAsVariant.pdispVal->Release();
        }

上記のNavigationStarting イベントハンドラーでは、sampleという名前を使用して、VARIANTがAddHostObjectToScriptに渡されます。

ホストオブジェクトを iframe に追加するには、origins パラメーターを受け取る CoreWebView2Frame.AddHostObjectToScript を使用します。

webView.CoreWebView2.FrameCreated += (sender, args) =>
{
    if (args.Frame.Name.Equals("iframe_name"))
    {
        try
        {
            string[] origins = new string[] { "https://appassets.example" };
            args.Frame.AddHostObjectToScript("bridge", new BridgeAddRemoteObject(), origins);
        }
        catch (NotSupportedException exception)
        {
            MessageBox.Show("Frame.AddHostObjectToScript failed: " + exception.Message);
        }
    }
    args.Frame.NameChanged += (nameChangedSender, nameChangedArgs) =>
    {
        CoreWebView2Frame frame = (CoreWebView2Frame)nameChangedSender;
        MessageBox.Show("Frame.NameChanged: " + frame.Name);
    };
    args.Frame.Destroyed += (frameDestroyedSender, frameDestroyedArgs) =>
    {
        // Handle frame destroyed
    };
};

ホストオブジェクトを iframe に追加するには、 ICoreWebView2Frame::AddHostObjectToScriptWithOriginsを使用します。

この Win32/C++ サンプルコードは、WebView2APISample プロジェクト (Win32 サンプルアプリ) のScenarioAddHostObject.cppから圧縮されています。

このサンプルコードでは、次の API を示します。

ICoreWebView2Frame::AddHostObjectToScriptWithOrigins
ICoreWebView2FrameCreatedEventHandler
- ICoreWebView2FrameCreatedEventArgs::get_Frame

CHECK_FAILURE(webview2_4->add_FrameCreated(
    Callback<ICoreWebView2FrameCreatedEventHandler>(
        [this](
            ICoreWebView2* sender,
            ICoreWebView2FrameCreatedEventArgs* args) -> HRESULT
{
    wil::com_ptr<ICoreWebView2Frame> webviewFrame;
    CHECK_FAILURE(args->get_Frame(&webviewFrame));

    wil::unique_cotaskmem_string name;
    CHECK_FAILURE(webviewFrame->get_Name(&name));
    if (std::wcscmp(name.get(), L"iframe_name") == 0)
    {
        wil::unique_variant remoteObjectAsVariant;
        // It will throw if m_hostObject fails the QI, but because it is our object
        // it should always succeed.
        m_hostObject.query_to<IDispatch>(&remoteObjectAsVariant.pdispVal);
        remoteObjectAsVariant.vt = VT_DISPATCH;

        // Create list of origins which will be checked.
        // iframe will have access to host object only if its origin belongs
        // to this list.
        LPCWSTR origin = L"https://appassets.example/";

        CHECK_FAILURE(webviewFrame->AddHostObjectToScriptWithOrigins(
            L"sample", &remoteObjectAsVariant, 1, &origin));
    }

    return S_OK;
}).Get(), &m_frameCreatedToken));

手順 7: Web ページ JavaScript からホストオブジェクトメンバーにアクセスする

上記の手順では、サンプルアプリのネイティブ側コードによって、 IDispatchを実装するホストオブジェクトが作成されました。このネイティブコードは、WebView2 API ICoreWebView2::AddHostObjectToScript または ICoreWebView2Frame::AddHostObjectToScriptWithOrigins も呼び出し、ホストオブジェクトをアプリの Web 側コードに渡します。

これで、アプリの Web 側コードが、ホストオブジェクトによって公開されるネイティブ側 API にアクセスできるようになりました。 .html Web ページscript要素内の JavaScript ステートメント、または参照.js JavaScript ファイル内の JavaScript ステートメントは、エクスポートされたネイティブ側 API にアクセスできます。

Win32 サンプルアプリの Web 側コードは、ネイティブホストオブジェクトのプロパティとメソッドにアクセスして、ネイティブ API にアクセスできるようになりました。サンプルアプリの Web ページコントロールを使用して、アプリの Scenario>Host Objects Web ページでこれを示します。

Microsoft Visual Studio で、[ファイル] >[すべて保存] (Ctrl + Shift + S) を選択してプロジェクトを保存します。
ソリューションエクスプローラーで、 WebView2APISample>ScenarioAddHostObject.htmlを開きます。このファイルを、実行中の Win32 サンプルアプリの対応する Web ページと比較します。
ソリューションエクスプローラーで、 WebView2APISample (Win32 サンプルアプリ) を右クリックし、[ ビルド] を選択します。
F5 キーを押して、プロジェクトをデバッグモードで実行します。
Win32 サンプルアプリ ( WebView2APISample のタイトルバーがある) で、[ シナリオ ] メニューをクリックし、[ ホストオブジェクト ] メニュー項目を選択します。 ScenarioAddHostObject.htmlによって定義された AddHostObjectToScript サンプル Web ページが表示されます。
Web ページでは、DevTools の コンソール ツールを使用して、 chrome.webview.hostObjects.sample オブジェクトで JavaScript ステートメントを実行することを提案しています。サンプルアプリから DevTools を開く場合は、ページを右クリックし、[ 検査] を選択します。次に、[ コンソール ] タブを選択します。詳細については、「コンソールの概要」を参照してください。

DevTools を開くには、 F12 キーを押してもこのコンテキストでは機能せず、例外がトリガーされる可能性があります。その場合は、Visual Studio で [ デバッグの停止] を選択し、 F5 キーを押してデバッグを再開します。サンプルアプリで、もう一度 [ シナリオ>ホストオブジェクト] を選択します。詳細については、「Visual Studio で WebView2 アプリをデバッグする」で F12 以外の方法を使用して DevTools を開く方法に関するページを参照してください。

[ホストオブジェクト] デモページの下部には、 <iframe>内のデモオブジェクトメンバーが複製されています。
サンプルアプリのレンダリングされたデモページで、[ 日付] ボタンを説明するラベルテキストを読み取ります。
[ 日付 ] ボタンをクリックします。日付文字列は、次のようなボタンの下に表示されます。
```
sample.dateProperty: Tue Nov 01 2022 12:45:25 GMT-0700 (Pacific Daylight Time)
```
デモ Web ページのボタンをクリックし、値を入力してプロパティとメソッドを調べて、サンプルコードの動作を確認します。ボタンは、アプリの Web 側コードからホストオブジェクトのプロパティとメソッドにアクセスする方法を示しています。

JavaScript で何が起こっているのかを把握するには、ScenarioAddHostObject.htmlで次のコードを調べます。

次のコードは、body 要素内の直接のデモ Date プロパティです。

<h2>Date Objects</h2>
<button id="setDateButton">Set Date to Now</button>
<label for="setDateButton">Sets <code>chrome.webview.hostObjects.options.shouldSerializeDates = true</code> 
    and then runs <code>chrome.webview.hostObjects.sample.dateProperty = new Date()</code></label>
<br />
<button id="createRemoteDateButton">Set Remote Date</button>
<label for="createRemoteDateButton">Calls <code>chrome.webview.hostObjects.sample.createNativeDate()</code> 
    to have the native object create and set the current time to the DateProperty</label>
<code><pre><span id="dateOutput"></span></pre></code>

<div id="div_iframe" style="display: none;">
    <h2>IFrame</h2>
</div>

また、サンプルアプリのレンダリングされたデモページで上記のラベルテキストを読み上げ、日付ボタンコードについて説明することもできます。

次のコードは、script 要素内に作成されたiframe要素にラップされるデモ Date プロパティです。

// Date property 
document.getElementById("setDateButton").addEventListener("click", () => { 
    chrome.webview.hostObjects.options.shouldSerializeDates = true; 
    chrome.webview.hostObjects.sync.sample.dateProperty = new Date(); 
    document.getElementById("dateOutput").textContent = 
        "sample.dateProperty: " + chrome.webview.hostObjects.sync.sample.dateProperty;
}); 
document.getElementById("createRemoteDateButton").addEventListener("click", () => { 
    chrome.webview.hostObjects.sync.sample.createNativeDate(); 
    document.getElementById("dateOutput").textContent = 
        "sample.dateProperty: " + chrome.webview.hostObjects.sync.sample.dateProperty; 
});

式 chrome.webview.hostObjects.sync.sample.dateProperty は、ネイティブホストオブジェクトの dateProperty です。

前に説明した .idl ファイル HostObjectSample.idl では、date プロパティはホストオブジェクトの一部として定義されています。

サンプルアプリの使用

Win32 サンプルアプリの使用と変更を試すことができます。次に、独自のアプリで同じパターンに従います。

アプリのネイティブ側コードでホストオブジェクトを作成します。
ホストオブジェクトをアプリの Web 側コードに渡します。
アプリの Web 側コードからホストオブジェクトを使用します。

ホストオブジェクトエコシステムに含まれる他の API については、「 WebView2 Win32 C++ ICoreWebView2」を参照してください。

API リファレンスの概要

「WebView2 の機能と API の概要」の「ホスト/Web オブジェクトの共有」を参照してください。

次の方法で共有

Web 側コードからネイティブ側コードを呼び出す

`AddHostObjectToScript`を使用する理由

手順 1: Visual Studio をインストールし、git をインストールし、WebView2Samples リポジトリを複製して、ソリューションを開く

手順 2: IDL を使用してホストオブジェクトの COM インターフェイスを定義する

手順 3: ホストオブジェクトのコクラスを定義する

手順 4: C++ オブジェクトのメンバーを実装する

手順 5: IDispatch を実装する

手順 6: AddHostObjectToScript を呼び出して、ホストオブジェクトを Web 側のコードに渡す

手順 7: Web ページ JavaScript からホストオブジェクトメンバーにアクセスする

サンプルアプリの使用

API リファレンスの概要

関連項目

その他のリソース

次の方法で共有

Web 側コードからネイティブ側コードを呼び出す

AddHostObjectToScriptを使用する理由

手順 1: Visual Studio をインストールし、git をインストールし、WebView2Samples リポジトリを複製して、ソリューションを開く

手順 2: IDL を使用してホスト オブジェクトの COM インターフェイスを定義する

手順 3: ホスト オブジェクトのコクラスを定義する

手順 4: C++ オブジェクトのメンバーを実装する

手順 5: IDispatch を実装する

手順 6: AddHostObjectToScript を呼び出して、ホスト オブジェクトを Web 側のコードに渡す

手順 7: Web ページ JavaScript からホスト オブジェクト メンバーにアクセスする

サンプル アプリの使用

API リファレンスの概要

関連項目

その他のリソース

`AddHostObjectToScript`を使用する理由

手順 2: IDL を使用してホストオブジェクトの COM インターフェイスを定義する

手順 3: ホストオブジェクトのコクラスを定義する

手順 6: AddHostObjectToScript を呼び出して、ホストオブジェクトを Web 側のコードに渡す

手順 7: Web ページ JavaScript からホストオブジェクトメンバーにアクセスする

サンプルアプリの使用