Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Webview2 HoloLens 2 Getting Started Tutorial #2567

Merged
Show file tree
Hide file tree
Changes from 80 commits
Commits
Show all changes
83 commits
Select commit Hold shift + click to select a range
2fb381d
Updates of WinUI2 GettingStarted
michaelfarnsworth Apr 29, 2023
6072e7a
Adding GettingStarted Doc for WebView2 on Hololens
michaelfarnsworth Apr 29, 2023
c98956e
Updating Sample Info
michaelfarnsworth May 1, 2023
d579f06
Align use of HoloLens 2
JordanMandel May 1, 2023
ce10a73
Update the roadmap with status of HoloLens 2 preview release
JordanMandel May 1, 2023
d21ffb4
Remove locale from links in hololens2.md
JordanMandel May 1, 2023
5b48e36
Fix duplicated alt-text and correct a typo
JordanMandel May 1, 2023
88a9083
Convert absolute links to relative links
JordanMandel May 1, 2023
985b99b
Minor fix to roadmap.md - use relative link
JordanMandel May 1, 2023
c88bbc9
Updating Get-Started to Reference HoloLens
michaelfarnsworth May 1, 2023
77106eb
Initial writer/editor pass
mikehoffms May 1, 2023
addc239
Merge branch 'webview2-hololens-getting-started' of https://github.co…
mikehoffms May 1, 2023
d6c9e54
linkfix
mikehoffms May 1, 2023
d2a1bd6
norm'z links & steps/results
mikehoffms May 1, 2023
306caf4
Updated Images' ALT Text
michaelfarnsworth May 2, 2023
7cd5a83
Removing "Not Yet" Text
michaelfarnsworth May 2, 2023
e0395f8
Swapping Steps 2 & 3 for Clarity
michaelfarnsworth May 2, 2023
202fc0b
Remove "screenshot_"
mikehoffms May 2, 2023
a28777a
Adding Additional Resource Link
michaelfarnsworth May 2, 2023
00a0b21
Remove Xbox reference from hololens2.md
michaelfarnsworth May 2, 2023
ab44750
Add some missing punctuation.
michaelfarnsworth May 2, 2023
987f0c0
Add note about deploy & debug for HL2
michaelfarnsworth May 2, 2023
c672a1c
shift code
mikehoffms May 2, 2023
8eebb4c
Merge branch 'webview2-hololens-getting-started' of https://github.co…
mikehoffms May 2, 2023
f3ea120
Plugin name
mikehoffms May 3, 2023
e65be5b
put MRFT then MRTK
mikehoffms May 3, 2023
b964af0
hardcopy edit pass
mikehoffms May 3, 2023
46e1c10
tab-set for TrySuspend
mikehoffms May 3, 2023
7d62ad9
Fix misspelling
michaelfarnsworth May 3, 2023
fff11e7
Updating Unity Build Settings Instructions
michaelfarnsworth May 3, 2023
869c6cf
Remove TrySuspendAsync() References
michaelfarnsworth May 3, 2023
695d133
Removing WinRT and Win32 API References
michaelfarnsworth May 3, 2023
14cbb68
Update Reference to AddressField for Clarity
michaelfarnsworth May 3, 2023
c97c9ef
move link inline
mikehoffms May 3, 2023
118f179
Merge branch 'webview2-hololens-getting-started' of https://github.co…
mikehoffms May 3, 2023
d12979b
alt-text
mikehoffms May 3, 2023
8f5d59a
red boxes
mikehoffms May 3, 2023
a362139
add checkmark
mikehoffms May 3, 2023
1ed5f6a
might not destroy
mikehoffms May 3, 2023
9bb85d7
Add whitespace in code snippet
michaelfarnsworth May 4, 2023
d8984e4
Update devtools limitations
May 4, 2023
075a549
Adding Link for Pairing Device
michaelfarnsworth May 4, 2023
708c4fa
Moving some sentences from step 2 to 3
michaelfarnsworth May 4, 2023
b16e20f
Rewrite About
mikehoffms May 5, 2023
2da22ab
Merge branch 'webview2-hololens-getting-started' of https://github.co…
mikehoffms May 5, 2023
da91eb8
Move/improve table
mikehoffms May 5, 2023
a34aa0c
webview plugin bold
mikehoffms May 5, 2023
fc76708
move conclusion to intro
mikehoffms May 5, 2023
2b624fd
resize pngs 50% & 67%
mikehoffms May 5, 2023
c3e3da3
Merge remote-tracking branch 'upstream/main' into pr/2567
mikehoffms May 5, 2023
54e2d87
draft insider preview
mikehoffms May 8, 2023
ca83653
Add note to winui2.md that the Nuget must be version version 1.0.1722…
JordanMandel May 8, 2023
0fea9c5
draft 2 of WV2 Preview
mikehoffms May 8, 2023
79b353a
Merge branch 'webview2-hololens-getting-started' of https://github.co…
mikehoffms May 8, 2023
353d8c8
preview Preview
mikehoffms May 8, 2023
31eca3f
Merge remote-tracking branch 'upstream/main' into pr/2567
mikehoffms May 9, 2023
0852968
this Preview->preview
mikehoffms May 9, 2023
1121a9e
Changes to Get started with WebView2 in HoloLens 2 Unity apps
RobertVS-MS May 9, 2023
b33e60d
Changes to Get started with WebView2 in HoloLens 2 Unity apps
RobertVS-MS May 9, 2023
0052922
Changes to Get started with WebView2 in HoloLens 2 Unity apps
RobertVS-MS May 9, 2023
57e798b
enroll Insider
mikehoffms May 9, 2023
4b19829
Update hololens2.md
RobertVS-MS May 9, 2023
39232e6
Get Started with WebView2 in HL
RobertVS-MS May 10, 2023
ba9da87
Get Started with WV2
RobertVS-MS May 10, 2023
981f990
Applying Feedback Suggestions
michaelfarnsworth May 10, 2023
4e2b5e1
Get Started w/ WV2 for HL2
RobertVS-MS May 10, 2023
9fd1acd
Get Started with WV2 for HL2
RobertVS-MS May 10, 2023
7c61e1a
Get Started with WV2 on HL2
RobertVS-MS May 10, 2023
4b11885
Get Started with WV2 and HL2
RobertVS-MS May 11, 2023
38911b4
Update hololens2.md
RobertVS-MS May 11, 2023
a38bb44
Unity's Play mode to test
mikehoffms May 11, 2023
c65c924
Updating Unity Version Requirments
michaelfarnsworth May 11, 2023
dd677a2
Updating Build Settings to Match New Unity Version
michaelfarnsworth May 11, 2023
759c501
Merge branch 'webview2-hololens-getting-started' into user/RobertVS-M…
michaelfarnsworth May 11, 2023
44052b6
Merge pull request #2 from michaelfarnsworth/user/RobertVS-MS/WV2-Hol…
michaelfarnsworth May 11, 2023
d0b246a
add headings in long list
mikehoffms May 11, 2023
7ff77d3
HL2 toc
mikehoffms May 11, 2023
7ff40f7
add Sample name to toc Index entries
mikehoffms May 11, 2023
dc3c948
dropdown list + whitespace
mikehoffms May 11, 2023
2da3cdb
link API Ref
mikehoffms May 11, 2023
3efd486
link API Ref
mikehoffms May 12, 2023
0022f92
un-indent sublink
mikehoffms May 12, 2023
7a065e4
effect->create
mikehoffms May 12, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions microsoft-edge/toc.yml
Original file line number Diff line number Diff line change
Expand Up @@ -1144,6 +1144,10 @@
href: webview2/get-started/win32.md
displayName: Win32_GettingStarted, Get started with WebView2 in Win32 apps # repo dir name # top-of-page title

- name: HoloLens 2
href: webview2/get-started/hololens2.md
displayName: HoloLens2_GettingStarted, Get started with WebView2 in HoloLens 2 Unity apps (Preview) # repo dir name # top-of-page title

# -----------------------------------------------------------------------------
# Sample apps
- name: Sample apps
Expand Down
1 change: 1 addition & 0 deletions microsoft-edge/webview2/get-started/get-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ These articles cover how to set up your development tools and create an initial
| [Get started with WebView2 in WPF apps](wpf.md) | [WPF_GettingStarted](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/GettingStartedGuides/WPF_GettingStarted) | Use the **WPF Application** or **WPF App (.NET Framework)** project template to create a WPF app, and then install the WebView2 SDK for the project to add WebView2. |
| [Get started with WebView2 in WinForms apps](winforms.md) | [WinForms_GettingStarted](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/GettingStartedGuides/WinForms_GettingStarted) | Use the **C# Windows Forms App (.NET Framework)** project template to create a WinForms project, then install the **Microsoft.Web.WebView2** SDK package for the WinForms project. |
| [Get started with WebView2 in Win32 apps](win32.md) | [Win32_GettingStarted](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/GettingStartedGuides/Win32_GettingStarted) | Starts by opening an existing Win32 app project that has the WebView2 SDK and code already added. |
| [Get started with WebView2 in HoloLens 2 Unity apps](hololens2.md) | [Hololens2_GettingStarted](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/GettingStartedGuides/HoloLens2_GettingStarted) | Starts by opening an existing Unity project that has the WebView2 SDK package and sample code added. |


<!-- ====================================================================== -->
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
605 changes: 605 additions & 0 deletions microsoft-edge/webview2/get-started/hololens2.md

Large diffs are not rendered by default.

6 changes: 4 additions & 2 deletions microsoft-edge/webview2/get-started/winui2.md
Original file line number Diff line number Diff line change
Expand Up @@ -153,7 +153,7 @@ This article shows steps and screenshots for Visual Studio 2022 Community Editio

1. Accept the defaults, and click the **OK** button.

1. If the **Developer Mode** window section appears, in that section, click **On**. If you haven't already set your machine to Developer Mode, the **Use developer features** dialog opens, to confirm turning on developer mode.
1. If the **Developer Mode** window section appears, in that section, click **On**. If you haven't already set your machine to Developer Mode, the **Use developer features** dialog opens, to confirm turning on developer mode.
* Click **Yes** to turn on Developer Mode for your machine, and then close the **Settings** window.

Visual Studio displays the newly created solution and project:
Expand Down Expand Up @@ -196,6 +196,8 @@ Next, you install the **Microsoft.UI.Xaml** package for this project. Microsoft

For version 2.8.0 or later, in the **Dependencies** section at the bottom, **Microsoft.Web.WebView2** is listed.

For HoloLens 2 development, the **Microsoft.Web.WebView2** package must be version 1.0.1722.45 or higher, which may be higher than the default. The WebView2 Preview is available in the Insider Preview for Microsoft HoloLens. To access this preview, you must be enrolled in the Windows Insider Program; see [Start receiving Insider builds](/hololens/hololens-insider#start-receiving-insider-builds) in _Insider preview for Microsoft HoloLens_. See also [Update HoloLens 2](/hololens/hololens-update-hololens).

1. In the middle panel, in the **Version** drop-down, make sure **Latest stable** is selected, version 2.8.0 or later.

1. Click the **Install** button.
Expand Down Expand Up @@ -258,7 +260,7 @@ Now you are ready to add WebView2 code to the project. First, add a namespace r
<!-- ====================================================================== -->
## Step 7 - Build and run the project containing the WebView2 control

1. Click **Debug** > **Start Debugging** (**F5**). The app window opens, briefly showing the WebView2 WebUI grid:
1. Click **Debug** > **Start Debugging** (**F5**). (If building for HoloLens 2, see [Using Visual Studio to deploy and debug](/windows/mixed-reality/develop/advanced-concepts/using-visual-studio?tabs=hl2)). The app window opens, briefly showing the WebView2 WebUI grid:

![During debugging, the WebView2 WebUI grid briefly appears](media/winui2-getting-started-webview2-grid.png)

Expand Down
36 changes: 28 additions & 8 deletions microsoft-edge/webview2/roadmap.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,36 +26,56 @@ The WebView2 team is planning the following major efforts for future updates:
<!-- ====================================================================== -->
## WebView2 Runtime and Installer

Evergreen distribution mode allows you to target or chain-install the WebView2 Runtime onto your users' machines. The Evergreen WebView2 Runtime and installer has reached General Availability (GA). For more information, see [Distribute your app and the WebView2 Runtime](concepts/distribution.md).
Evergreen distribution mode allows you to target or chain-install the WebView2 Runtime onto your users' machines. The Evergreen WebView2 Runtime and installer has reached General Availability (GA). For more information, see [Distribute your app and the WebView2 Runtime](./concepts/distribution.md).


<!-- ====================================================================== -->
## Fixed version

Fixed version distribution mode allows you to package the Microsoft Edge binaries <!--(a specific version of the WebView2 Runtime)--> inside your native application. The Fixed Version has reached General Availability (GA). For more information, see [Distribute your app and the WebView2 Runtime](concepts/distribution.md).
Fixed version distribution mode allows you to package the Microsoft Edge binaries <!--(a specific version of the WebView2 Runtime)--> inside your native application. The Fixed Version has reached General Availability (GA). For more information, see [Distribute your app and the WebView2 Runtime](./concepts/distribution.md).


<!-- ====================================================================== -->
## General Availability

The following technologies have reached General Availability (GA).

### Win32 C/C++

<!-- ------------------------------ -->
#### Win32 C/C++

The Win32 C/C++ SDK has reached GA.

### .NET

<!-- ------------------------------ -->
#### .NET

The .NET SDK has reached GA.

### Windows UI Library 2

You can access WebView2 controls in your UWP applications using [Windows UI Library 2 (WinUI 2)](get-started/winui2.md). This has reached GA.
<!-- ------------------------------ -->
#### Windows UI Library 2

You can access WebView2 controls in your UWP applications using [Windows UI Library 2 (WinUI 2)](./get-started/winui2.md). This has reached GA.

### Windows UI Library 3

<!-- ------------------------------ -->
#### Windows UI Library 3

You can access WebView2 controls in your applications using [Windows UI Library 3 (WinUI 3)](/uwp/toolkits/winui3/index) with the Windows App SDK. This has reached GA.

nishitha-burman marked this conversation as resolved.
Show resolved Hide resolved
#### XAML limitation
###### XAML limitation

XAML Island support requires additional work and may be considered for future releases.


<!-- ====================================================================== -->
## Preview Availability
nishitha-burman marked this conversation as resolved.
Show resolved Hide resolved

The following technologies are now available in a Preview release.


<!-- ------------------------------ -->
#### HoloLens 2

Starting with the Windows 11 update for HoloLens 2, a WebView2 Preview is now available on HoloLens 2 devices. The WebView2 Preview is available in the Insider Preview for Microsoft HoloLens. For more information, see [Get started with WebView2 in HoloLens 2 Unity apps (Preview)](./get-started/hololens2.md).