ブックスタックMEAN。 Mongo、Express、Angular、Node»

通常、Web開発では、スタックのすべてのレベルで異なるプログラミング言語を使用します。 MongoDBデータベース、ExpressおよびAngularJSフレームワーク、およびNode.jsテクノロジーは、MEANスタックを形成します。MEANスタックは、すべてのレベルで1つの言語（JavaScript）のみを使用する強力なプラットフォームです。 MEANスタックは、そのシンプルさと費用対効果のために開発者や企業にとって魅力的であり、エンドユーザーはそのスピードと応答性からMEANアプリケーションを愛しています。



JavaScriptが成熟しました。 彼のおかげで、たった1つのプログラミング言語でWebアプリケーションを最初から最後まで作成できるようになりました。 MEANスタックには、現場でクラス最高のテクノロジーが含まれています。 MongoDBをデータベースとして、ExpressをサーバーサイドWebアプリケーションフレームワークとして、AngularJSをクライアントフレームワークとして、Nodeをサーバープラットフォームとして取得します。



この本では、これらの各テクノロジーと、それらをスタックとして連携させる方法を紹介します。 この本全体を通して、各アプリケーションに焦点を当て、アプリケーションの全体的なアーキテクチャにどのように適合するかを見て、作業アプリケーションを作成します。 したがって、この本は、リストされたすべての技術とそれらの併用に慣れているという事実に焦点を当てています。



本書全体を通して、「推奨されるソリューション」の概念は赤い糸を通して実行されます。 この出版物は、MEANスタックを使用して素晴らしいアプリケーションを作成するための一種の出発点です。そこで、私たちは良い習慣、すべてを正しく行い、事前にすべてを計画する能力の開発に集中します。



この本では、HTML、CSS、または基本的なJavaScriptの使用方法については説明していません。読者はすでにそれらに精通していることを前提としています。 CSS Boo tstrap CSSフレームワークの基本の非常に短い要約が含まれています。 さらに、ボーナスは優れたJavaScript アプリケーションです -その理論、推奨されるソリューション、ヒント、および不具合。 早くそこを見ても痛くない。

ロードマップ

この本は、11の章を通してあなたを旅に招待します。

第1章では、フルスタック開発を検討する利点について説明し、MEANスタックのコンポーネントを検証します。

第2章では、習得したコンポーネントの知識に基づいて、コンポーネントを共有してさまざまなものを作成するためのオプションについて説明します。

第3章では、Expressを紹介し、MEANプロジェクトの作成および構成方法をすばやく学習するのに役立ちます。

第4章では、アプリケーションの静的バージョンを構築することにより、Expressをより深く理解します。

第5章では、アプリケーションに関する既存の知識を使用し、MongoDBとMongooseを使用して、必要なデータモデルを設計および構築します。

第6章では、データAPIを作成する利点とプロセスについて説明します。 Express、MongoDB、Mongooseを使用してREST APIを作成します。

第7章では、静的ExpressアプリケーションからREST APIを取得することにより、REST APIをアプリケーションに関連付けます。

第8章は、AngularJSスタックの紹介です。RESTAPIを使用してデータを取得する方法など、既存のWebページのコンポーネントを作成する際に使用する方法について説明します。

第9章では、Angularを使用した単一ページアプリケーションの作成の基本を概説し、保守が容易なモジュール式のスケーラブルなアプリケーションの開発について説明します。

第10章は第9章の資料に基づいており、1ページのアプリケーションの開発を続けています。 これにより、いくつかの重要な概念が導入され、Angularアプリケーションの複雑さが増します。

第11章では、MEANスタックのすべての部分について説明します。ユーザーにアプリケーションの登録とログインを許可する認証をアプリケーションに追加する必要があるためです。

本からの抜粋

2.3。 柔軟なMEANアーキテクチャ開発

AngularJSでの作業がポルシェの所有に似ている場合、スタックの残りはガレージに追加のAudi RS6が存在することに対応します。 多くの人々は家の前のスポーツカーに注意を払い、ガレージにあるユニバーサルカーに気付かないでしょう。 しかし、まだガレージに行って好奇心get盛になったら、そのボンネットの下にLamborghini V10エンジンがあることがわかります。 このステーションワゴンは、見た目以上のものを提供できます！



MongoDB、Express、Node.jsを一緒に使用してREST APIを作成することは、子供を学校に連れて行くためだけにAudi RS6を使用することに似ています。 彼らと彼の両方は優れた能力を持ち、この仕事を非常にうまく行いますが、彼らはそれ以上の能力があります。



これらのテクノロジーを使用して何が得られるかについては、第1章ですでに簡単に説明しましたが、ここからいくつかの出発点を示します。



-MongoDBは、バイナリ情報を保存およびストリーミングできます。

-Node.jsは、Webソケットを使用したリアルタイム接続に特に適しています。

-Express-組み込みテンプレートを使用したWebアプリケーションフレームワーク、

ルーティングとセッション管理。



これは決して完全なリストではなく、この本でこれらすべてのテクノロジーのすべての可能性を検討することは絶対にできません。 これには本が必要です！ 私ができることは、簡単な例を挙げて、MEANスタックの各部分を組み合わせて最適なソリューションを設計する方法を示すことです。

2.3.1。 ブログエンジンの要件

私たちがすでに知っているブログエンジンのアイデアを見て、それを作成するためにMEANスタックを最適に設計する方法を見てください。



通常、ブログエンジンには2つの部分があります。 これは、インターネット上で転売および配布されることを期待する読者向けの記事を提供する公開指向のインターフェースです。 ブログエンジンには、管理者インターフェイスもあります。このインターフェイスでは、ブログの所有者が新しい記事を書いたり、ブログを管理したりできます。 これら2つの部品の主な特徴の一部を図に示します。 2.2。









図のリストを見てください。 2.2、これら2つの部分の特性の間で高度な矛盾が見られやすい。 ブログ記事のためのリッチで低インタラクティブな環境と、管理インターフェースのためのリッチで高度にインタラクティブな環境が必要です。 ブログ記事は高速でロードする必要があります-直帰率を下げるために、管理エリアはユーザーのアクションと入力したデータにすばやく応答する必要があります。 最後に、ユーザーは通常、ブログエントリを短時間だけ残しますが、管理インターフェイスは公開されておらず、個々のユーザーが長時間ブログ内で作業できる一方で、ブログエントリを他のユーザーと共有したい場合があります。



前に説明したSPAの潜在的な問題とブログ投稿の特性を考えると、多くの偶然が見つかるかもしれません。 これを念頭に置いて、読者にブログエントリを提供するためにSPAを使用しないことにした可能性があります。 同時に、SPAは管理インターフェイスに最適です。



それではどうしますか？ おそらく最も重要なことは、ブログの読者を維持することです。あなたのブログに対する印象がネガティブである場合、彼らは単に戻ってこず、投稿を共有しません。 ブログが注目されていない場合、ブロガーは単にブログへの書き込みを停止するか、別のプラットフォームに切り替えます。 繰り返しになりますが、管理インターフェースの応答が遅く、応答が遅いため、ブログの所有者は「船から逃げ出します」。 誰もが幸せであり、ブログエンジンが動作していることをどのように確認できますか？

2.3.2。 ブログエンジンのアーキテクチャ

答えは、すべての場面で1つのソリューションを探す必要はないということです。 2つのアプリケーションがあります。 サーバーから直接配信する必要があるオーディエンス指向のコンテンツと、SPAとして実行する非公開のインタラクティブな管理インターフェイスがあります。 管理インターフェースから始めて、これらの各アプリケーションを個別に見てみましょう。

管理インターフェイス：AngularJSのSPA

AngularJSの上に構築されたSPAが管理インターフェースに理想的であることはすでに説明しました。 したがって、エンジンのこの部分のアーキテクチャは非常に馴染みがあります。MongoDB、Express、およびNode.jsで構築されたREST APIと、フロントエンドのAngularJS上の1ページのアプリケーションです。 図2.3は、その外観を示しています。

ブログのエントリ：どうすればいいですか？

ブログのエントリについて考えると、すべてが少し複雑になります。



MEANスタックを、REST APIにアクセスする1ページのAngularJSアプリケーションとしてのみ想像してください。 いずれの場合でも、JavaScriptとMEANスタックを使用する場合は、SPAの形式でインターフェイスパーツを作成できます。 しかし、これは最善の解決策ではありません。 MEANスタックは単にこの場合に適していないことがわかり、別のテクノロジースタックを選択します。 しかし、あなたはそれを必要としません！ しっかりしたJavaScriptが必要です。



そのため、MEANスタックを詳しく見て、そのすべてのコンポーネントについて考えてください。 ExpressはWebアプリケーションフレームワークであることを知っています。 Expressはテンプレートエンジンを使用して、サーバー上でHTMLコードを作成できることをご存じでしょう。 ExpressはURLルーティングとMVCパターンを使用できることを知っています。 あなたが考える必要があります：Expressは答えですか？

ブログエントリ：Expressの使用

このブログのシナリオでは、サーバーから直接HTMLコードとコンテンツを配信することがまさに必要です。 Expressはこれを特にうまく行います。最初からテンプレートエンジンの選択肢を提供します。 HTMLコンテンツにはデータベースからのデータが必要になるため、このためにREST APIを再度使用します（これが次のセクションで最適なアプローチである理由を詳しく見ていきます）。 このようなアーキテクチャの基礎を図に示します。 2.4。









MEANスタックまたは少なくともその一部を使用して、データベースベースのコンテンツをサーバーからブラウザーに直接配信できるアプローチが得られます。 しかし、これで問題は終わりではありません。 MEANスタックはさらに柔軟です。

ブログエントリ：スタックをより完全に使用する

Expressアプリが訪問者にブログコンテンツを配信しているのを見ました。 訪問者がサイトにアクセスできるようにする必要がある場合、おそらく記事にコメントを追加するために、ユーザーセッションを追跡する必要があります。 ExpressアプリケーションでこれにMongoDBを使用できます。



また、関連する投稿や、キーボード入力の前に自動補完される検索フィールドなど、ブログ投稿の横にいくつかのデータを動的に表示することもできます。 それらは、AngularJSを使用して実装できます。 要確認：AngularJSはSPA専用であるだけでなく、静的なページに何らかのインタラクティブデータを追加するためにも使用できます。 図2.5は、これらのオプションのMEANパーツがブログコンポーネントアーキテクチャにどのように追加されるかを示しています。









これで、訪問者にコンテンツを表示し、REST APIとの完全なMEANスタックに基づいたアプリケーションの相互作用を整理できます。

ブログエンジン：ハイブリッドアーキテクチャ

この段階では、REST APIを使用する2つの個別のアプリケーションがあります。 少し計画を立てると、アプリケーションの両方の部分で使用される一般的なREST APIになります。 2つのクライアント側アプリケーションと対話する1つのREST APIを使用したアーキテクチャの整合性を図に示します 2.6。









これは、プロジェクトの要件を満たすために、MEANスタックのさまざまな部分をさまざまなアーキテクチャに接続する方法を示す簡単な例です。 オプションは、コンポーネントの知識と組み合わせた場合の工夫によってのみ制限されます。 MEANスタック用の正しいアーキテクチャはありません。



»本の詳細については、出版社のウェブサイトをご覧ください

» コンテンツ

» 抜粋



スタビライザーのクーポンが25％オフ