WindowsでExpress4(JavascriptのWEBフレームワーク)（３）

2016年10月8日

以前、Expressを触ってみたが、また、別のサイトにしたがって、やっていく。

今、以下の本をKindleで買って、やってみている。

にしたがって、やってみる。

（環境）
Windows8.1
node.js v6.3.1
Visual Studio Code
C:/js/expressapp フォルダに作成

（１）ExpressのWebアプリケーションを作る

C:/js/expressapp フォルダ　を作成。Visual Studio Codeで開く

Ctrl + @ で、端末（cmd.exe）の画面を出す。

npm init

よく分からないので、全部、Enter　を連打すると、package.json ファイルが作成される。

（２）Expressのインストール

npm install express –save

npm install ejs

（３）Express利用の基本スクリプト

の通りにやってみる。

C:/js/expressapp/ フォルダ内に、app.js ファイルを作成し、上記サイトのスクリプトをコピペ。

node app.js

ブラウザで、 localhost:3000　を開く。

（４）C:/js/expressapp/ フォルダ内に、views フォルダを作成し、さらに、test.ejs を作成。

ここで、突然ですが、Bitbucketにソースコードをアップすることを考える。

git init
git add .
git commit -m “initialize repository”

あらかじめ、Bitbucketに登録しておき、

で、「リポジトリ」＞「リポジトリの作成」

ここに記載してある、「既にプロジェクトがあります。」のところの記載の通りに、コマンドプロンプトに入力。

git remote add origin git@bitbucket.org:xxxxxxxxx/expressapp.git
git push -u origin –all

2回目以降は、

git add .
git commit -m “xxxxxxxxxxx”
git push -u origin –all

（５）app.js の変更

のコピペをして保存してから、node app.js

ブラウザで、127.0.0.1:3000

今日はここまで。次回は、

をやってみたい。

まだ、コメントがありません