HTTP応答モジュールJSONを持つシンプルなWebサーバを構築するnodejsの基盤、HTML

フロントエンドの開発では、それらのほとんどはのは、HTTPモジュールのnodejsとリターンJSONデータ・サーバをセットアップしてみましょう、JSONデータブラウザを得ることになるでしょう

VAR HTTP =（ "HTTP"を必要とする）; 

VAR onRequest = 関数（リクエスト、レスポンス）{ 
    にconsole.log（ "要求が受信された" ）; 
    response.writeHead（ 200は、{ "コンテンツタイプ"： " ファイルアプリケーション/ JSON "}） ; // ファイルアプリケーション/ JSON：応答はJSONを表す
    // のResponse.Write（ "返されたコンテンツブラウザ"）; 
    VAR jsonObj = { 
        名： "リリ"、
        ジョブ： "コーダ"、
        年齢：18である
    } 
    応答。エンド（JSON.stringify（jsonObj））; // JSONはブラウザに返さ
} 

VARのサーバー= http.createServer（onRequest）。

//最後に、サーバはポートでリッスンしてみましょう 
server.listen（3000、 "127.0.0.1"）; // あなたはまた、2番目のパラメータ127.0.0.1を追加することができますローカルを表す

（にconsole.logを "ServerがON開始localhostのポート3000"）; / / ヒントを起動するためにサーバーを追加します

そして、サーバノードアプリを起動するために実行

ブラウザへのアクセスはlocalhostで：3000ブラウザーはJSONレスポンスデータを表示することがわかりました

JSONデータのブラウザがフォーマットされていない場合、我々は、プラグインJSONフォーマッタが後でインストールされているブラウザをインストールする必要があり、JSONデータがフォーマットされ

行のテキスト/ HTMLに価値のコンテンツタイプ：HTMLのWebサーバの応答を作成してみましょう

VARのhttp =（ "HTTP"を必要）。

VAR onRequest = 関数（リクエスト、レスポンス）{ 
    にconsole.log（ "要求を受信" ）。
    response.writeHead（ 200、{ "コンテンツタイプ"： " text / htmlの "}）。// アプリケーション/ JSON：代表响应的是JSON 
    // Response.Writeを（ "传回浏览器的内容"）; 
    VAR HTMLFILE = `<！DOCTYPE HTML> 
    <HTML LANG = "EN"> 
    <HEAD> 
        <メタ文字コード= "UTF-8"> 
        <メタ名= "ビューポート"コンテンツ="幅=装置幅、初期の規模= 1.0 "> 
        <META HTTP-当量="「X-UA-の互換性
            DIV { 
                色：赤; 
                フォント - サイズ：は50px; 
            }
         </スタイル> 
    </ HEAD> 
    <BODY> 
       の<div>私はhtmlページを戻され、</ div>のサーバーから
    </ BODY> 
    </ HTML> `; 
    Response.Endの（HTMLFILE）; //は、ブラウザに返さJSONます
} 

VARのサーバー= （onRequest）http.createServer; 

// サーバがポートでリッスンしてみましょう 
server.listen（3000、 "127.0.0.1"）; // また、 127.0.0.1を追加することが2番目のパラメータは、ローカル表し

はconsole.log（ ;「サーバがlocalhostのポート3000で起動」）// 追加のヒントを起動するには、サーバーを

そして、サーバーページビューのローカルホストを開始：3000は、HTMLページのスタイルが表示され何があります発見！！！

HTTP応答モジュールJSONを持つシンプルなWebサーバを構築するnodejsの基盤、HTML

おすすめ