進化した「ASP.NET Core 2.0」新しいWeb開発手法を学ぶ

ASP.NET Core 2.0でSPAテンプレートを使おう【後編】

進化した「ASP.NET Core 2.0」新しいWeb開発手法を学ぶ第4回

WEB用を表示

WINGSプロジェクト秋葉龍一[著] / 山田祥寛[監修]

2018/01/23 14:00

　前回はASP.NET CoreとSPA（Single Page Application）フレームワークを組み合わせたアプリケーションでSSR（サーバサイドレンダリング）を行うための仕組みについてサーバ側の構成を中心に説明しました。今回はクライアント側の構成について説明し、実際にページを追加する手順についても紹介します。

目次
Page1 対象読者検証環境 ASP.NET CoreとSPAフレームワークの連携箇所を確認しよう（クライアントサイド） ClientAppのディレクトリ構成 boot.server.ts app/app.module.server.ts（ルートモジュール） app/app.module.shared.ts（AppModuleSharedモジュール） app/components/app/app.component.ts（ルートコンポーネント） dist/main-server.js
Page2 SPAプロジェクトにページを追加しよう APIの追加コンポーネントの追加ページの追加 AppModuleSharedモジュールへのコンポーネントの追加、ルーティングの追加ナビゲーションページへのリンクの追加アプリケーションの起動おわりに参考資料

※印刷用ページ表示機能はメンバーのみが利用可能です（登録無料）。

バックナンバー

連載:進化した「ASP.NET Core 2.0」新しいWeb開発手法を学ぶ

ASP.NET Core 2.0アプリケーションをデプロイしてみよう
Entity Framework Core 2.0の新機能を使おう
ASP.NET Core 2.0からデータベースアクセスをしよう
　 ASP.NET Core 2.0でSPAテンプレートを使おう【後編】
ASP.NET Core 2.0でSPAテンプレートを使おう【前編】
ASP.NET Core 2.0でRazor Pagesアプリケーションを作ろう
「ASP.NET Core 2.0」の変更点とインストール方法を知ろう

著者プロフィール

WINGSプロジェクト秋葉龍一（アキバリュウイチ）

＜WINGSプロジェクトについて＞有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表山田祥寛）。主にWeb開発分野の書籍／記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂...
山田祥寛（ヤマダヨシヒロ）

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「入門シリーズ（サーバサイドAjax／XM...

特集ページ一覧

ASP.NET Core 2.0でSPAテンプレートを使おう【後編】

バックナンバー

著者プロフィール

あなたにオススメ