You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Move samples repos Readme content into regular Docs (#2069)
* Merged-in top half of Readme content removed per WebView2Samples PR 140
* Linkfix, add pngs from samples repo
* note to remove png from other repo
* Ref link fix, tag table ref items
* Improved format of Deploy samples
* alt text
* linkfix, alt text
* Start doc'ing toolset versions
* Fix png path
* Started WinUI 3 Sample article
* Added the Readme info for WiX Custom Action
* Link to custom action sample
* Linkfix
* Clarify product.xml 3 lines/options
* Samples use VS2019
* Linkfix
* Refresh code blocks for GetStart Win32 per PR 144
* Try to reference code snippet by label id if possible
* Try absolute path
* Try range and different path
* Use updated descriptive snippet ids
* Describe menus of some sample apps
* Indent code
* Polish VS Deploy
* Table cleanup
* Hello World
* Red lines to boxes
* Inc'd review comments entered in dest. PR
Co-authored-by: Michael Hoffman <[email protected]>
Co-authored-by: Jessica Chen <[email protected]>
Co-authored-by: Patrick Brosset <[email protected]>
Copy file name to clipboardExpand all lines: microsoft-edge/webview2/code-samples-links.md
+14-18Lines changed: 14 additions & 18 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,21 +6,25 @@ ms.author: msedgedevrel
6
6
ms.topic: conceptual
7
7
ms.prod: microsoft-edge
8
8
ms.technology: webview
9
-
ms.date: 07/18/2022
9
+
ms.date: 08/29/2022
10
10
---
11
11
# Sample apps
12
12
13
13
Sample apps that use WebView2 are available in the [WebView2Samples repo](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/SampleApps), for various frameworks or platforms.
14
14
15
-
| Framework or platform | Article | Sample in repo | Comments |
| WPF with CDP |[WPF app with CDP extension](samples/wv2cdpextensionwpfsample.md)|[WV2CDPExtensionWPFSample](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/SampleApps/WV2CDPExtensionWPFSample)| |
| Win32 with Visual Composition |[Win32 sample app with Visual Composition](samples/webview2samplewincomp.md)|[WebView2SampleWinComp](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/SampleApps/WebView2SampleWinComp)| |
15
+
| Article | Sample | Notes |
16
+
|---|---|---|
17
+
|[Win32 sample app](samples/webview2apissample.md)|[WebView2APISample](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/SampleApps/WebView2APISample)| Main sample; extensive. |
18
+
|[Win32 sample app with Visual Composition](samples/webview2samplewincomp.md)|[WebView2SampleWinComp](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/SampleApps/WebView2SampleWinComp)| Windows Runtime Composition APIs leverage the Windows UI in Win32 app. |
19
+
|[WebView2Browser (Win32 C++/JS)](samples/webview2browser.md)|[WebView2Browser repo](https://github.com/MicrosoftEdge/WebView2Browser)| Uses multiple WebView2 instances. A major sample; has its own repo. |
|[WPF app with CDP extension](samples/wv2cdpextensionwpfsample.md)|[WV2CDPExtensionWPFSample](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/SampleApps/WV2CDPExtensionWPFSample)| Use Chrome DevTools Protocol APIs in a WPF app. |
These articles provide the specific steps to set up your machine and build, run, and update each sample.
26
30
@@ -32,14 +36,6 @@ The sample apps are the source of the sample code snippets that are shown in the
32
36
For some frameworks or platforms, the samples repo contains both a completed Getting Started tutorial and a sample app. These sample apps showcase more of the WebView2 APIs than the Getting Started tutorials.
33
37
34
38
35
-
#### Installed SDK package versions
36
-
37
-
Typically, for these samples, you do the following sequence:
38
-
1. Build and run the sample as-is from the repo.
39
-
1. Update the sample's project's packages, such as the WebView2 prerelease SDK. The prerelease SDK allows you to try the latest APIs.
40
-
1. Build and run the sample using the updated SDK packages.
Copy file name to clipboardExpand all lines: microsoft-edge/webview2/concepts/distribution.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -63,7 +63,7 @@ Cons:
63
63
64
64
The [Download the WebView2 Runtime](https://developer.microsoft.com/microsoft-edge/webview2#download-section) section of the **Microsoft Edge WebView2** page provides several options for distributing the WebView2 Runtime onto client machines. Understanding the options at this page provides a good introduction, to help decide which approach you want to use.
65
65
66
-
66
+
67
67
68
68
The Evergreen distribution mode is recommended for most apps.
69
69
@@ -332,7 +332,7 @@ To use the Fixed Version distribution mode:
332
332
333
333
1. ToconfirmthatPlayReadyisinstalledcorrectly, inthe**Security**tabofthe**FixedVersion**folder, makesurepermissionsaregrantedfor `ALLAPPLICATIONPACKAGES` and `ALLRESTRICTEDAPPLICATIONPACKAGES`, asshownbelow:
Copy file name to clipboardExpand all lines: microsoft-edge/webview2/concepts/process-model.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -24,7 +24,7 @@ A _WebView2 process group_ is a collection of WebView2 Runtime processes. A Web
24
24
* One or more renderer processes.
25
25
* Other helper processes, such as the GPU process and the Audio service process.
26
26
27
-
27
+
28
28
29
29
The number and presence of processes in a WebView2 process group can change as a WebView2 application makes use of WebView2 features. (However, there's only a single, specific browser process in a WebView2 process group.) For example, creating a new WebView2 instance from the same `CoreWebView2Environment`, but with a different domain in the `Source` property, will usually start a new renderer process.
30
30
@@ -44,7 +44,7 @@ All processes in a WebView2 Runtime processes collection are tied to the browser
44
44
45
45
A user data folder can be shared by multiple applications, but be sure to consider the implications on performance and management, as described in [Manage user data folders](user-data-folder.md).
46
46
47
-
47
+
48
48
49
49
To make use of multiple user data folders, a WebView2 application needs to create different `CoreWebView2Environment` objects. A `WebView2` instance is created for a given user data folder through the configured `CoreWebView2Environment` object. Each `CoreWebView2Environment` object needs to be configured with a different user data folder value.
Copy file name to clipboardExpand all lines: microsoft-edge/webview2/get-started/get-started.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,20 +10,20 @@ ms.date: 01/24/2022
10
10
---
11
11
# Getting Started tutorials
12
12
13
-
These articles cover how to set up your development tools and create an initial WebView2 app, and learn about WebView2 concepts along the way.
13
+
These articles cover how to set up your development tools and create an initial WebView2 app, like a Hello World app with basic functionality. Learn about WebView2 concepts along the way.
14
14
15
-
|Framework |Article | Completed project |
15
+
| Article | Completed project| Description|
16
16
|---|---|---|
17
-
|WinUI 2 (UWP) |[Get started with WebView2 in WinUI 2 (UWP) apps](winui2.md)| n/a |
18
-
|WinUI 3 (Windows App SDK) |[Get started with WebView2 in WinUI 3 (Windows App SDK) apps](winui.md)|[WinUI3_GettingStarted](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/GettingStartedGuides/WinUI3_GettingStarted)|
19
-
|WPF |[Get started with WebView2 in WPF apps](wpf.md)|[WPF_GettingStarted](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/GettingStartedGuides/WPF_GettingStarted)|
20
-
|WinForms |[Get started with WebView2 in WinForms apps](winforms.md)|[WinForms_GettingStarted](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/GettingStartedGuides/WinForms_GettingStarted)|
21
-
|Win32 |[Get started with WebView2 in Win32 apps](win32.md)|[Win32_GettingStarted](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/GettingStartedGuides/Win32_GettingStarted)|
17
+
|[Get started with WebView2 in WinUI 2 (UWP) apps](winui2.md)| n/a<!--todo: upload finished project-->| Use **C# Blank App (Universal Windows)** project template and install the **Microsoft.UI.Xaml** package (WinUI 2), which installs the **Microsoft.Web.WebView2** SDK package as a dependency.|
18
+
|[Get started with WebView2 in WinUI 3 (Windows App SDK) apps](winui.md)|[WinUI3_GettingStarted](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/GettingStartedGuides/WinUI3_GettingStarted)| Use the **Blank App, Packaged (WinUI in Desktop)** project template, which uses the WindowsAppSDK, which includes the WebView2 SDK. Add an address bar and URL logic.|
19
+
|[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.|
20
+
|[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.|
21
+
|[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.|
*[Sample apps](../code-samples-links.md) - framework-specific sample apps that showcase more of the WebView2 APIs than the Getting Started tutorials.
29
+
*[WebView2Samples repo](https://github.com/MicrosoftEdge/WebView2Samples#readme) - contains completed Visual Studio projects that result from following the steps in these Getting Started tutorials, as well as sample apps and deployment samples.
0 commit comments