rksoftware

Visual Studio とか C# とかが好きです

Blazor 新規プロジェクトの作成(Mobile Blazor Bindings)

一通りのプロジェクト新規作成をためした一連の記事をまとめた記事を書きました。
こちらの記事で一気読みできます。

Blazor 新規プロジェクトの作成(Mobile Blazor Bindings)

最近話題の Blazor ですが、意外とまだ様子見の方も多いのではないでしょうか? 私もです。
Blazor によるモバイルアプリ開発やデスクトップアプリなどの計画も発表されており、期待はしていますがまだ触れる物は少ないです。

■ Mobile Blazor Binding

Blazor の中でも特に今注目後の高いのがこの形式です。なんと、Razor でもモバイル (Android/iOS) アプリが作れてしまうという夢のソリューションです。
ちなみに、残念ながらまだ実験段階の形式です。

しかし実験段階ということは動かないこともないということ、NuGet からテンプレートをインストールすることで試していきましょう!

■ Mobile Blazor Bindings のテンプレートをインストール

Mobile Blazor Bindings のテンプレートをインストールします。

インストールコマンド

dotnet new -i Microsoft.MobileBlazorBindings.Templates::0.1.173-beta

末尾の数字はバージョン番号です。それぞれのタイミングに合わせて最新のものをインストールしてください。
バージョンと履歴は先のリンクで確認できます。

インストール確認

dotnet new --help

実行結果 (関係のないテンプレートは省略)

Templates                                         Short Name                Language          Tags                      
-----------------------------------------------------------------------------------------------------------------------------------
Experimental Mobile Blazor Bindings App           mobileblazorbindings      [C#]              Blazor/Xamarin.Forms

Mobile Blazor Bindings アプリが追加されました。

参考: Visual Studio での Blazor サーバー プロジェクトの作成

Blazor WebAssembly テンプレートをインストールしたときは Windows の Visual Studio でアプリの形式の選択肢が追加されました。
今回の Mobile Blazor Bindings では追加されませんでした。
f:id:rksoftware:20200127012711j:plain

■ プロジェクトの新規作成

プロジェクトの新規作成は dotnet コマンドで行います。

dotnet new mobileblazorbindings

生まれたソリューション/プロジェクトを Visual Studio for Mac で開いてみると、Xamarin でよく見た感じのプロジェクト構成になっています。

■ 実行 (Android)

そのまま、Visual Studio for Mac で実行してみます。

見事 Android エミュレーターが起動し、実行されました!

■ 実行 (iOS)

続いて意気揚々と iOS の実行をすると...
f:id:rksoftware:20200127012810j:plain

残念ながらエラーが出て動きませんでした...。
深ぼりはしてませんが、こちらは open な issue のようです。

とりあえずまだチョット早い感じでしたが、今後も注目して行こうと思います。