node.jsおよびexpressでのWeb開発。 実際にnode.jsを学習する

まえがき

node.js（ ruby.railstutorial.orgのようなもの ）で開発チュートリアルを書き始めるという大胆なアイデアがありました。 このような仕事をしたのはこれが初めてなので、フィードバックは私にとって非常に重要です。 それは必要です-それは必要ではありません。 削除する価値があるもの、さらに詳しく説明するもの、一般に建設的な批判。 物事がうまくいき、あなたがそれを好きになることを願っています、この場合、私が書いているように、私はハブの章を広げます

エントリー

こんにちは、エクスプレスフレームワークを使用したnode.jsでの実用的な開発に関する小さなチュートリアルです。 私はノードと関連技術に非常に熱心です。 Node.jsは、主に開発アプローチ、勇気、そして意欲の新しさに惹かれます。



node.jsについてはhttp://nodejs.org/で読むことができます。つまり、javascriptを実行するためのサーバープラットフォームです。 また、 ミドルウェアの概念に基づいて構築されたWebフレームワークであるexpressを使用します（これについては、後ほど詳しく説明します）



学習の過程で、バージョン管理システムの使用、自動テストなど、Web開発のさまざまな側面に精通します。 その結果、私たちが研究するにつれて、完全に機能するWebアプリケーション（Twitterの単純な類似物）を開発します。



railstutorialは私に多大な影響を与えました。これは私が出会った中で最高のWeb開発ガイドであり、node.jsに似たものを作成したいと思っています。

第1章スタート

この章では、作業環境をゼロからデプロイし、必要なツールをすべてインストールし、シンプルなアプリケーションを作成し、クラウドホスティングで起動します。

1.1作業環境

私は主に仕事、またはUbuntu 12.04でLinuxを使用しているため、特定のツールのインストール手順のほとんどはLinuxユーザー向けですが、他のOSの手順へのリンクを可能な限り提供するようにします。



チュートリアルの指示を正確に実行するには、 gitバージョン管理システムをインストールする必要があります。実際、プロジェクトのコードをgitに配置するだけでなく、 githubのリポジトリから多くのツールもインストールします。



したがって、最初に行うことは...

1.1.1 gitのインストール

aptベースの配布のユーザーは、ターミナルで実行できます。

$ sudo apt-get install git-core
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

残りはhttp://git-scm.com/book/ch1-4.htmlで手順を読むために送信されます

1.1.2 node.jsとnpmをインストールする

ここで、node.jsおよびnpm（ノードのパッケージインストーラー）の最新の安定バージョンを配置します。 さまざまなOSをインストールする手順については、 こちらをご覧ください 。 Ubuntuにインストールするには、次のようにします。

 $ sudo apt-get install python-software-properties $ sudo add-apt-repository ppa:chris-lea/node.js $ sudo apt-get update $ sudo apt-get install nodejs npm
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

必要に応じて、ノードコンソールを起動し、javascriptインタープリターで遊ぶことができます。

1.1.3開発環境

ここでは、好みに応じて誰でも自由に選択できます。個人的には、インストールされたgmateプラグインのセットを使用したgeditに非常に満足しています。 NetbeansまたはWebstormは問題ありません。

1.1.4 Expressと最初のアプリケーション

ここで、 Expressフレームワークに精通するときが来ました。 このフレームワークは非常にシンプルであり、文書化されたものとして受け入れられます。



Expressをグローバルにインストールします。

 $ sudo npm install -g express
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

教育プロジェクトのディレクトリを作成します。

 $ mkdir -p ~/projects/node-tutorial $ cd ~/projects/node-tutorial
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

プロジェクトを作成し、依存関係をインストールします。

 $ express first-app $ cd first-app && npm install
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

希望する人は、アプリケーションジェネレータが私たちのために生成したものを掘り下げることができます、私はjavascriptに精通している人がそこで起こっていることを推測できると思います。



これで、アプリケーションを起動できます。

 $ node app
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

httpの結果を参照してください：// localhost：3000 /

1.2バージョン管理システム

動作するアプリケーションがすでにできたので、バージョン管理システムの操作について詳しく説明します。 gitの動作をよく理解するには、 Pro Gitブックを読む必要がありますが、このチュートリアルの指示に従うこともできます。

1.2.1 gitセットアップ

gitでより快適に作業するには、まず個人データを指定する必要があります。

 $ git config --global user.name "Your Name" $ git config --global user.email your.email@example.com
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

そして、最も一般的に使用されるコマンドのエイリアスを設定します。

 $ git config --global alias.co checkout $ git config --global alias.ci commit
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

1.2.2 gitでの作業

Gitが構成され、アプリケーションをリポジトリでホストし、新しいリポジトリを初期化できます。

 $ git init
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

gitignoreにアプリケーションの依存関係を持つディレクトリを追加します。

 $ echo 'node_modules' > .gitignore
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

すべてのファイルをインデックスに入れ、最初のコミットを作成します。

 $ git add . $ git ci -m "Initial commit"
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

1.2.3 GitHub

プロジェクトコードをリポジトリに投稿したら、プロジェクトをGitHubに配置します 。 GitHubはソーシャルネットワークであり、プロジェクトをホストしています。 膨大な数のオープンソースプロジェクトがGitHubでホストされているため、GitHubに登録されていない場合は、それを実行します。



GitHubを使用する前に、sshアクセス用のRSAキーを作成する必要があります。 手順はここで説明されます 。 Linuxユーザーの場合、まだキーを作成していない場合のキーの作成方法を説明します。

 $ ssh-keygen -t rsa -C "your_email@youremail.com"
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

ジェネレーターの質問に答えた後、ファイル~/.ssh/id_rsa.pub



内容をコピーし~/.ssh/id_rsa.pub



。

 $ sudo apt-get install xclip $ xclip -sel clip < ~/.ssh/id_rsa.pub
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

その後、 [アカウント設定]リンクに移動し、[SSHキー]セクションに移動して[SSHキーの追加]ボタンをクリックし、クリップボードのキーを[キー]フィールドに貼り付けます。 次に保存します。



キーが次のように機能することを確認します。

 $ ssh -T git@github.com
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

おそらく警告が表示されます：

 The authenticity of host 'github.com (207.97.227.239)' can't be established. # RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. # Are you sure you want to continue connecting (yes/no)?
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

「yes」と答えるだけで、キーが正常に追加されると、サーバーの応答が表示されます。

 Hi username! You've successfully authenticated, but GitHub does not # provide shell access.
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

キーが構成されたら、first-appという名前とデフォルト設定で新しいリポジトリを作成し 、その後コードをgithubにアップロードします。

 $ git remote add origin git@github.com:___/first-app.git $ git push -u origin master
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

1.3アプリケーションをデプロイする

これで最もエキサイティングな段階になり、アプリケーションをホスティングにデプロイします。

これを行うには、 Herokuクラウドデプロイメントシステムのサービスを使用します。 Herokuホスティングの仕組みに興味がある場合は、Herokuの仕組みのセクションをご覧になることをお勧めします

1.3.1 Herokuの構成

まず、必要なツールを登録してインストールする必要があります 。



Ubuntuユーザーは次のことを行います。

 $ wget -qO- https://toolbelt.heroku.com/install-ubuntu.sh | sh
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

インストールが完了したら、コマンドラインからログインする必要があります。

 $ heroku login
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

1.3.2 Herokuにアプリケーションを配置する

これで、ホスト環境を完全に準備できました。 node.jsプロジェクトをHerokuに配置するには、さらにいくつかの手順が必要です。 ドキュメントでそれについて読むか、単に指示に従ってください。



プロジェクトのpackage.jsonファイルで、ノードとnpmのバージョンを指定する必要があります。package.jsonは次のようになります。

 { "name": "application-name", "version": "0.0.1", "private": true, "scripts": { "start": "node app" }, "dependencies": { "express": "3.0.x", "jade": "*" }, "engines": { "node": "0.8.x", "npm": "1.1.x" } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

次に、プロジェクトのルートでProcfileファイルを作成します。

 $ echo 'web: node app.js' > Procfile
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

プロセスマネージャーを使用してすべてが開始されていることを確認します。

 $ foreman start
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

アプリケーションはhttp：// localhost：5000 /で利用できるはずです



リポジトリにファイルを追加します。

 $ git add . $ git ci -m "Added Procfile and engines" $ git push
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

herokuでアプリケーションを作成します。

 $ heroku create $ heroku keys:add ~/.ssh/id_rsa.pub $ git push heroku master
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

入力する：

 $ heroku open
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

アプリケーションをお楽しみください。