daohualiuxiang
/
dotnet-podcasts
mirror of https://github.com/microsoft/dotnet-podcasts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #80 from microsoft/dotnet-maui-demo 

Create Demo Walkthroughs
pull/85/head
James Montemagno 2022-04-21 13:04:24 -07:00 committed by GitHub
parent 587cf3c9ae 98c8ccb484
commit 26d30fbe43
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 78 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
docs/demos/aspnetcore-blazor/READM.md 100644
View File

@ -0,0 +1,52 @@
### Web (ASP.NET Core Razor & Blazor)
The ASP.NET Core and Blaozr apps are setup to run locally against the APIs running in Docker. If you are unable to deploy locally, you can use these pre-deployed services:
Open up ` src/Web/Server/appsettings.Development.json` and `src/Web/Client/wwwroot/appsettings.Development.json` enter this for both
```json
"PodcastApi": {
"BaseAddress": "https://podcastapica.delightfulocean-02c18c32.canadacentral.azurecontainerapps.io"
},
"ListenTogetherHub": "https://dotnetpodcasts-listentogether-hub.azurewebsites.net/listentogether"
```
Watch the .NET Conf 2021 demo of .NET MAUI here: https://youtu.be/gYQxBHjRNr0?t=2699
### Demo Script Snippets
```razor
<ul>
@foreach (var item in showSubscriptions)
{
<li>
<h2>@item.Title</h2>
<h3>@item.Author</h3>
<img src="@item.Image" />
</li>
}
</ul>
```
```razor
<ShowCard Id="@item.Id" Title="@item.Title" Author="@item.Author" Image="@item.Image" />
```
```razor
<Grid Items="@showSubscriptions" TItem="ShowInfo">
<ItemTemplate Context="item">
<NavLink @key="item.Id" href="@($"show/{item.Id}")">
<ShowCard Id="@item.Id" Title="@item.Title" Author="@item.Author" Image="@item.Image" />
</NavLink>
</ItemTemplate>
<EmptyResults>
</EmptyResults>
</Grid>
```
```razor
<NoResults Message="You haven’t subscribed to any channel yet."
Description="Discover content according to your interests."
Image="_content/Podcast.Pages/images/no-subscriptions.png" />
```

13
docs/demos/blazor-hybrid/README.md 100644
View File

@ -0,0 +1,13 @@
### Blazor Hybrid + .NET MAUI Setup
The .NET MAUI & Blazor Hybrid apps are setup to run locally against the APIs running in Docker. If you are unable to deploy locally, you can use these pre-deployed services:
Open `src/MobileBlazor/mauiapp/MauiProgram.cs` and enter
```csharp
public static string BaseWeb = $"https://dotnetpodcasts.azurewebsites.net/";
public static string APIUrl = $"https://podcastapica.delightfulocean-02c18c32.canadacentral.azurecontainerapps.io/v1/";
public static string ListenTogetherUrl = $"https://dotnetpodcasts-listentogether-hub.azurewebsites.net/listentogether";
```
Watch the .NET Conf 2021 demo of Blaozry Hybrid & .NET MAUI here: https://youtu.be/gYQxBHjRNr0?t=3999

13
docs/demos/dotnet-maui/README.md 100644
View File

@ -0,0 +1,13 @@
## .NET MAUI Configuration
The .NET MAUI apps are setup to run locally against the APIs running in Docker. If you are unable to deploy locally, you can use these pre-deployed services:
Open `src/Mobile/Config.cs` and enter
```csharp
public static string BaseWeb = $"https://dotnetpodcasts.azurewebsites.net/";
public static string APIUrl = $"https://podcastapica.delightfulocean-02c18c32.canadacentral.azurecontainerapps.io/v1/";
public static string ListenTogetherUrl = $"https://dotnetpodcasts-listentogether-hub.azurewebsites.net/listentogether";
```
Watch the .NET Conf 2021 demo of .NET MAUI here: https://youtu.be/gYQxBHjRNr0?t=3357