TypeScript

超初心者がはじめる「松田晃一著:TypeScript ネットワークプログラミング」第3章P98 文字列を表示するだけのWebサーバを実行する

「松田晃一著:TypeScript ネットワークプログラミング」第3章P98 文字列を表示するだけのWebサーバを実行します。

book

環境
・Windows7
・iphone5 iOS9.1
・UQ WiMAX
・Visual Studio 2015 Express for Web(Node.js ツール)

概要
概要図

準備:IPアドレスを確認する
①プログラムを実行する
②パソコンでアクセスする
③スマートフォンでアクセスする


準備
[スタート]ボタンを押し[プログラムとファイルの検索]に”cmd”と入力、[Enter]ボタンを押す

cmd

[コマンドプロンプト]画面が表示されたら”ipconfig”と入力し[Enter]ボタンを押す

IPv4

[IPv4 アドレス]項目”192.168.100.100”をメモする
※上記IPドレスは例なので自身の環境で確認したものをメモする


①プログラムを実行する
Visual Studio 2015 Express for Webを立ち上げ、[ファイル]から[新しいプロジェクト]をクリックする

newProject

[テンプレート]項目から[Node.js]を選択、[Blank Node.js Console Application]を選択、[名前]と[場所]を入力、[OK]ボタンを押す

blankNodejs

プロジェクトを作成したら”console.log(‘Hello world’);”を削除する

console

consoleDelete

以下のコードは、TypeScriptネットワークプログラミング―HTML5/WebSocket/WebRTCによるより抜粋
※Visual Studio 2015 Express for Webで動くよう一部削除

********************************************************************

var http = require('http'); // httpモジュールの読み込み

http.createServer((request, response) => { // Webサーバを作成
response.writeHead(200, {'Content-Type': 'text/plain'}); // ヘッダーの送信
response.end('Hello World!'); // 文字列を表示
}).listen(8888); // 8888番ポートでListen

console.log('8888番ポートでWebサーバが起動'); // コンソール出力


********************************************************************

コードをコピーペーストする

code

[ファイル]から[app.tsの保存]をクリックする

ctrlS

[開始]をクリックする

start

[はい]ボタンを押す

massege

[node.exe]画面が立ち上がる

nodeExe

②パソコンでアクセスする

ブラウザを立ち上げ”192.168.100.100:8888”と入力、[Enter]ボタンを押す
※上記”192.168.100.100”は例なので自身の環境で確認したものをメモする

8888

helloWorld

③スマートフォンでアクセスする
ブラウザを立ち上げ”192.168.100.100:8888”と入力、[Enter]ボタンを押す
※上記”192.168.100.100”は例なので自身の環境で確認したものをメモする

iphone








カテゴリー

おすすめ記事

アーカイブ

PAGE TOP