Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

BlueMix上のNodeJSアプリをEclipseNEON+αで作る(その2:Eclipse NEON環境でNodeJSを実行する)

More than 3 years have passed since last update.

第1回に続き、
『レガシーSIエンジニアのための最近の流行おいつき講座(第2回。記事に反応なければry)』
はっじめっるよー。

 今回は何するの?

ToolChainで作られたNodeJSアプリをローカルで開発するために、Eclipseベースのローカルテスト環境を作ってみます。

 NodeJS導入

NodeJSをインストールしておくこと。
最新はV4みたいですが、我が家のはnpm@3.9.5です。
コマンドラインでnpmと入力して動いている風ならOK!

 Eclipseを導入

All In Oneからのダウンロードの後、解凍がうまくいかなかったので、あきらめて本家から取得する。

 Git経由でプログラムを取得

1.Eclipseを起動します。赤丸のところで右クリックして「Import」を選択。
001.png

2.ダイアログに対して「Projects from GIT」を選ぶ
002.png

3.CloneURIを選ぶ
003.png

4.URIを選ぶ。ってどこから?
004.png

5.GIT HUBから。この辺のWEB画面のアドレスバーにあるURLををURIに入力すると、自動でHostとRepository Pathが入力される・・・はず。
005.png

6.こんな風に。赤はアカウント名、緑はリポジトリ名らしいぞ、と。
006.png

7.ブランチを選んで次へ
007.png

8.ダウンロード対象のディレクトリを選ぶ。空ディレクトリじゃないとだめらしい。
008.png

9.「Import as general project」を選ぶ
009.png

10.最後に「Finish」選ぶ
010.png

11.できた!
011.png

 NodeJS環境のローカル実行について

1.ダウンロードしたフォルダ内にあるpackage.jsonを右クリックして、「run as」->「npm install」を選ぶ。
右下のコンソールに以下のようなログが出ると成功。

Microsoft Windows [Version 6.1.7601]
Copyright (c) 2009 Microsoft Corporation.  All rights reserved.

C:\workspaceGit\sample-simple-toolchain-XXXXXXXXXXX>npm install
HelloWorldNodeApp@0.0.1 C:\workspaceGit\sample-simple-toolchain-XXXXXXXXXXX
+-- cfenv@1.0.3 
| +-- js-yaml@3.4.6 
| | +-- argparse@1.0.7 
| | | `-- sprintf-js@1.0.3 
| | +-- esprima@2.7.2 
| | `-- inherit@2.2.4 
| +-- ports@1.1.0 
| `-- underscore@1.8.3 
`-- express@4.13.4 
  +-- accepts@1.2.13 
  | +-- mime-types@2.1.11 
  | | `-- mime-db@1.23.0 
  | `-- negotiator@0.5.3 
  +-- array-flatten@1.1.1 
  +-- content-disposition@0.5.1 
  +-- content-type@1.0.2 
  +-- cookie@0.1.5 
  +-- cookie-signature@1.0.6 
  +-- debug@2.2.0 
  | `-- ms@0.7.1 
  +-- depd@1.1.0 
  +-- escape-html@1.0.3 
  +-- etag@1.7.0 
  +-- finalhandler@0.4.1 
  | `-- unpipe@1.0.0 
  +-- fresh@0.3.0 
  +-- merge-descriptors@1.0.1 
  +-- methods@1.1.2 
  +-- on-finished@2.3.0 
  | `-- ee-first@1.1.1 
  +-- parseurl@1.3.1 
  +-- path-to-regexp@0.1.7 
  +-- proxy-addr@1.0.10 
  | +-- forwarded@0.1.0 
  | `-- ipaddr.js@1.0.5 
  +-- qs@4.0.0 
  +-- range-parser@1.0.3 
  +-- send@0.13.1 
  | +-- destroy@1.0.4 
  | +-- http-errors@1.3.1 
  | | `-- inherits@2.0.1 
  | +-- mime@1.3.4 
  | `-- statuses@1.2.1 
  +-- serve-static@1.10.3 
  | `-- send@0.13.2 
  +-- type-is@1.6.13 
  | `-- media-typer@0.3.0 
  +-- utils-merge@1.0.0 
  `-- vary@1.0.1 
C:\workspaceGit\sample-simple-toolchain-XXXXXXXXXXX>exit

2.ダウンロードしたフォルダ内にある「app.js」を右クリックして「Run As」->「Node.js Applications」を選ぶ。コンソールに以下のようなものが出れば成功

server starting on http://localhost:6003

3.ブラウザでコンソールにあるURL(たとえばhttp://localhost:6003)をアドレスに入力してみる
013.png
※例はindex.htmlを編集してしまったので、文字化けしていますが、ご愛嬌

できた!

ymaruoka
掲載内容は私自身の個人の見解であり、所属組織の立場、戦略、意見を代表するものではありません。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away