私は、私が本当にここ数ヵ月の間C Count - Countについて好きであるいろいろな言語機能について少し書きました、しかし、今日、私はわずかにピボットになって、Blazorウェブフレームワークでウェブアプリケーションを書くことがどれくらい楽しいかについて話します.

何が炎ですか？

Blazorは、最新のコンポーネントベースのWebフレームワークです.NETランタイムおよびWebアセンブリまたはWebアセンブリを使用してブラウザで実行できます.ブレーサーは、2017年にNDCオスロでスティーブ・サンダーソンによって実験として導入された.
この最初のシンプルなコンセプトを構築し、Cの残余を実行します.“新しいスパフレームワーク”としてのブラウザでのネットコードは、想像力をキャプチャします.NET開発者.実験と探査の2年後に.ネットエンジニアリングチームブレザーは公式になった.Webアセンブリとサーバーホストバージョンを使用したNET Framework.

Webアセンブリとサーバーのバージョン?

ブレザーは、開発者にコンポーネントとページをCRazor templates . あなたが本当にBlazor技術が好きであるならば、ウェブアセンブリを使っているブラウザーで内容を届けて、走らせたくありませんか?たぶん、あなたが確認しなければならないいくつかのコードを確認し、保護された、そして、保護されたサーバーベースの環境で実行されます.

このモデルでは、ブレザーページとコンポーネントは、サーバー上でレンダリングされ、Webソケットを使用してWebブラウザに配信されますSignalR framework . ブラウザのすべての相互作用はsignalr接続(一般的にウェブソケットの上の抽象化)の上にサーバーに送られます、そして、レンダリングされたHTMLはBlazor Server側フレームワークによって返されて、更新されます.

どうやって始めるの？

炎は、一部です.NETツールセット.あなたは頭の前から始めることができますhttps://blazor.net とインストールする.NETコマンドラインツールまたはVisual Studio.私は、あなたがYouTubeで見つけることができる若干の単純なシナリオを通してあなたを歩かせます

サンプルページ

HTTPベースのAPIからいくつかのデータを取得するために使用できる単純なBlazorページを問い合わせることができます.

@page "/fetchdata"
@inject HttpClient Http

<h1>Weather forecast</h1>

<p>This component demonstrates fetching data from the server.</p>

@if (forecasts == null)
{
    <p><em>Loading...</em></p>
}
else
{
    <table class="table">
        <thead>
            <tr>
                <th>Date</th>
                <th>Temp. (C)</th>
                <th>Temp. (F)</th>
                <th>Summary</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var forecast in forecasts)
            {
                <tr>
                    <td>@forecast.Date.ToShortDateString()</td>
                    <td>@forecast.TemperatureC</td>
                    <td>@forecast.TemperatureF</td>
                    <td>@forecast.Summary</td>
                </tr>
            }
        </tbody>
    </table>
}

@code {
    private WeatherForecast[] forecasts;

    protected override async Task OnInitializedAsync()
    {
        forecasts = await Http.GetFromJsonAsync<WeatherForecast[]>("sample-data/weather.json");
    }
}

これは、Blazorテンプレートで配信される基本的なfetchDataサンプルです.ブレザーページの構築には次の方法があります.

これを使用するためにルーティングされるアドレスを持つページであることを定義する@page 最初の行のディレクティブ.

注入HttpClient 名前Http と@inject 2行目のディレクティブ.The HttpClient は後でJSON形式でデータを取得し、WeatherForecast オブジェクトは、画面上に描画する.

天気予報のコレクション全体のループのためのいくつかの標準的なテーブルのHTMLタグを発行します.カミソリテンプレートのCのチェックコードは@ 人物

ページ上のOnInitializedAsyncイベントを処理して、Blazorランタイムがページを初期化したときにデータを読み込みます.

コミュニティサポートとインタラクション

ようこそブレザー開発者、プロジェクトの成長し、熱狂的なコミュニティ、企業やツールを構築するためのツールやサンプルです.Githubの素晴らしいブレザーリストを見てください.

アトリアントリス / ものすごい炎

炎のための資源、...WebBassemblyを使用したブラウザで実行されているCのChorz / RazorとHTMLを使用したNET Webフレームワーク。

ものすごい炎

A collection of awesome Blazor resources.

炎はそうです...WebBassemblyを使用したブラウザで実行されているCのChorz/RazorとHTMLを使用したNET Webフレームワーク.
貢献は常に歓迎です!この動画を見るcontribution guidelines 最初のページ.おかげさまcontributors , あなたは素晴らしいし、あなたなしでは可能ではないだろう!
あなたはこの偉大なウェブサイトを試すことができますこのリストを検索する必要がある場合Awesome Blazor Browser
感謝
これ!Source code .

内容

Introduction

General

Templates

Sample Projects

Tutorials

Libraries & Extensions

Videos

Articles

Podcasts

Presentations slides

Tooling

Books

E-Books

Courses

Community

Other Languages

導入

何が炎ですか？

炎はそうです...クライアントのWebアプリケーションをビルドするには.
Blazorを使用すると、インタラクティブなWeb UIを構築することができます.ブレーザーアプリは再利用可能なWeb UIコンポーネントCのCount、HTML、CSSを使用して構成されています.クライアントコードとサーバコードの両方が書かれています.
View on GitHub

概要

Blazorを使用したWebアプリケーションの構築はC . C .と.インタラクティブなWebアプリケーションを作成するためのNet.私はあなたがYouTubeで公開してチェックアウトをチェックアウトすることをお勧めしますhttps://blazor.net より多くの学習の材料とツールのBlazorを開始する.