Modifica

Condividi tramite

WiX Burn Bundle to deploy the WebView2 Runtime

  • Articolo

This sample, WV2DeploymentWiXBurnBundleSample, demonstrates how to use a WiX Burn Bundle to deploy the WebView2 Runtime. Do the steps in this article to create a WiX installer that chain-installs the Evergreen WebView2 Runtime through Burn Bundle.

This sample creates a WiX installer for the Win32 sample app. This sample uses WiX Burn Bundle to chain-install the Evergreen WebView2 Runtime.

This sample demonstrates these two different distribution approaches to distribute the WebView2 Runtime for your app:

  • Downloading the Evergreen WebView2 Runtime Bootstrapper through a link stored in your app.
  • Packaging the Evergreen WebView2 Runtime Bootstrapper with your app.

The other approach, not demonstrated in this sample, is packaging the Evergreen WebView2 Runtime Standalone Installer with your app. That approach is very similar to packaging the Evergreen WebView2 Runtime Bootstrapper with your app.

For an overview of the approaches, see Deploying the Evergreen WebView2 Runtime in Distribute your app and the WebView2 Runtime.

Step 1 - Install Visual Studio

Microsoft Visual Studio is required. Microsoft Visual Studio Code is not supported for this sample.

If Visual Studio (minimum required version) is not already installed, with C++ support:

  1. In a separate window or tab, see Install Visual Studio in Set up your Dev environment for WebView2. Follow the steps in that section to install Visual Studio, including C++ support.

Then return to this page and continue the steps below.

Step 2 - Install WiX Toolset build tools

If not done yet, install WiX Toolset:

  1. In a new window or tab, go to WiX Toolset and then download the WiX Toolset build tools.

  2. Click the wixnnn.exe file, and then click Open file.

    A dialog might open, Requires .NET Framework 3.5.1 to be enabled:

    Requires .NET Framework dialog

    If .NET Framework 3.5.1 is already enabled on your machine, skip ahead to continue installing this WiX component.

  3. Click the OK button. The WiX installer window closes.

  4. Press the Windows logo key Windows logo key, type Windows features, and then press Enter. The Turn Windows features on or off dialog appears.

  5. Select the .NET Framework 3.5 (includes .NET 2.0 and 3.0) check box:

    Turn Windows features on or off > .NET Framework 3.5

    You don't need to select the child items.

  6. Click OK. You might be prompted whether to let Windows Update download files.

    For more information, see Install the .NET Framework 3.5 on Windows 11, Windows 10, Windows 8.1, and Windows 8.

  7. After .NET Framework 3.5.1 is enabled, again run the wixnnn.exe file. For example, in Microsoft Edge, click Settings and more, click Downloads, and then click Open file below wix311.exe.

  8. Click the Install panel of the WiX installer.

  9. In User Account Control, click the Yes button. The top of the WiX installer reads "Successfully installed".

Also install the WiX Visual Studio component, per the next section.

Step 3 - Install WiX Toolset Visual Studio Extension

If not done yet, install WiX Toolset Visual Studio 2019 Extension:

  1. In a new window or tab, go to WiX Toolset and then download and install the extension:

    • WiX Toolset Visual Studio 2019 Extension - downloaded installer file: Votive2019.vsix

  2. In User Account Control, click the Yes button. VSIX Installer for WiX Visual Studio extension opens:

    VSIX Installer for WiX Visual Studio 2019 extension

  3. Click the Install button.

  4. If a VSIX waiting for processes to shut down dialog opens, close Visual Studio. The VSIX Installer proceeds.

    The VSIX Installer reads Install complete:

    VSIX Installer - Install Complete - WiX Toolset Visual Studio 2019 Extension

  5. In VSIX Installer, click the Close button.

  6. In the WiX installer, click the Exit panel.

  7. Close Visual Studio, if it's open.

Step 4 - Clone or download the WebView2Samples repo

  1. If not done already, clone or download the WebView2Samples repo to your local drive. In a separate window or tab, see Download the WebView2Samples repo in Set up your Dev environment for WebView2. Follow the steps in that section, and then return to this page and continue below.

Step 5 - Build the deployment project

  1. In your local copy of the WebView2Samples repo, open <repo-location>\WebView2Samples\SampleApps\WebView2Samples.sln with Visual Studio (not Visual Studio Code).

    If the Unsupported ... .wixproj dialog appears, install the WiX Toolset and the WiX Toolset Extension, above:

    Unsupported wix projects message

  2. This sample is an extension to the WV2DeploymentWiXCustomActionSample sample. In Solution Explorer, expand WV2DeploymentWiXCustomActionSample and then double-click Product.wxs.

  3. In Product.wxs, comment out all the <Binary>, <CustomAction>, and <Custom> elements under <!-- Step 4: Config Custom Action to download/install Bootstrapper --> and <!-- Step 5: Config execute sequence of custom action --> so that Custom Action is not used.

  4. Open Bundle.wxs under the WV2DeploymentWiXBurnBundleSample project. Edit Bundle.wxs depending on which workflow you want to use:

    To package the Evergreen WebView2 Runtime Bootstrapper with your app:

    • Uncomment the <ExePackage Id="InvokeBootstrapper" ...> element below <!-- [Package Bootstrapper] ... -->, and comment out other <ExePackage> elements.

    To download the Evergreen WebView2 Runtime Bootstrapper through a link in your app:

    • Uncomment the <ExePackage Id="DownloadAndInvokeBootstrapper" ...> element below <!-- [Download Bootstrapper] ... -->, and comment out other <ExePackage> elements.

  5. If you are packaging the Evergreen WebView2 Runtime Bootstrapper with your app, download the Bootstrapper and place it under the enclosing SampleApps folder.

  6. Build the WV2DeploymentWiXBurnBundleSample project.

See also