I.はじめに
私たちは皆知っている能力は、それが利用できないブラウザのリソースすべてにアクセスすることができ、非常に強力なサーバー機能です。サーバーは、非常に安全とデータに安全にアクセスすることができます。ユーザーは、初期コンテンツの優位性をレンダリングするサービス側でこれらの追加の利点を活用することができます。最後の章では、ローカルWebサーバーとバックエンドを作成するために導入された、我々は2台のサーバーがあっ起動する必要があるため、これは、実現可能であるが、プロセスが非常に複雑になるものの、エクスプレス足場を介してクライアント・サーバのデータ通信に反応。同時に二つのサーバを起動するための単一のラインコマンドでプログラムがあります。答えはイエスです。あなたは、スクリプトライブラリを表現できると同時に使用して、concurrenlyプラグインである2つのサーバの設定コマンドで同時に開始することができます。
第二に、インストール
1、インストールスクリプトエクスプレス
// Expressをインストールし、現在のプロジェクトに反応する 特急--saveをインストールNPM
2、インストール同時にプラグ
// concurrenlyインストール現在のプロジェクトに反応し concurrenly --saveインストールNPM
三、サーバー
次のように急行バックエンドサーバーを使用するので、あなたは、サーバープロジェクトを作成する必要があり、プロジェクトのルートディレクトリにserver.jsファイルを作成します
// インポートスクリプトライブラリが発現 CONST(=必要とする表現' 発現' ); CONSTロガー=(REQ、RES、次へ)=> { (にconsole.log req.method} {$ `リクエストのため$ {}` req.url) ; 次の() }; constののsayHello =(REQ、RES)=> res.status(200).send(" <H1>のHello Worldエクスプレス<H1 />!" ); // を通じて、Webサーバーアプリケーションを作成します。ユーザー()関数と直列の2つの中間ロガーのsayHello。 // コンソールに各要求に関連する第一に、ロガー意志の出力情報 // サーバーは、HTMLのsayHelloコール要求応答情報を返す CONSTのApp = エクスプレス() .USE(ロガー) .USE(のsayHello)。 app.listen(3000、()=>はconsole.log( `で動作するアプリを受信' のhttp:// localhostの/ 3000 ' `));
第四に、プロジェクト
5、設定
それは同時に2台のサーバを起動することができそうという、package.jsonの設定[注:急行Serverのデフォルトのポートを聞く:3000]、場所の変更があった赤い部分を参照してください
{ " 名":" -デモを反応させる" 、 " バージョン":" 0.1.0 " 、 " プライベート":真、 " ライセンス":" ISC " 、 " 依存関係" :{ "同時に": "^ 5.0.2" 、 " イベント":" ^ 3.0.0 " 、 "表現": "^ 4.17.1"、 「フラックス」:"最新の" " 同型":" 0.0.11 " " 同型フェッチ":" ^ 2.1.1 " " プロパタイプ":" ^ 15.7.2 " " 反応する":" ^ 16.12.0 」、 " -DOMを反応させる":" ^は16.12.0 " 、 " -reduxが反応します":"^ 7.1.3 " 、 " ルータ-DOMを反応させる":" ^ 5.1.2 " 、 " 反応-スクリプト":" 0.9.x " 、 " Reduxの":" ^ 4.0.4 " 、 " Reduxの-サンク":" ^ 2.3.0 " 、 " UUID ":" ^ 3.3.3 " }、 " devDependencies " :{ " Reduxのロガー":" ^ 3.0.6 " }、 " スクリプト" :{ "クライアント": "起動スクリプトを反応させる"、 "サーバ": "nodemon server.js"、 "開始": "同時に--kill-他人オン失敗\"糸サーバー\」 \ "糸クライアント\"」、 " ビルド":" ビルド・スクリプトの反応" 、 " テスト":" テスト--env = jsdom-スクリプトの反応" 、 " イジェクト":" イジェクト・スクリプトの反応" } }
第六に、スタート
// エクスプレスクライアント・サーバーとバックエンドのサーバーが反応し、アップされている 糸開始