dev.kokushinスマートフォン用の表示で見るdev.kokushinHTML5、CSS3、JavaScriptを中心に、日々のプログラミングで得た知識をメモしています。この広告は、90日以上更新していないブログに表示しています。Herokuすみません、先月くらいに「CodeIgniterでWebアプリ作るぜ〜」って言ってましたけど、気が変わったので「Node.jsでWebアプリ作るぜ〜」に変更します。Worldを表示させるまでをメモります。Worldいきなり手を動かします。Node.jsの技術的な説明は他サイトを見てどうぞ。簡単に言うと、サーバー構築からクライアント開発までをJSだけでできるよってやつです。Node.jsのインストールhttps://nodejs.org/en/インストーラーがあるのでポチポチするだけでおk。簡単jsファイルを作る「nodejs-test」みたいなディレクトリ作ってその中に「app.js」みたいなファイルを設置します。その後、「app.js」をエディタで開きましょう。World」という文字列をブラウザに出力します。上記のコードをapp.jsに書き込んで保存しましょう。app.jsでNode.jsを実行します。World」と表示されているはずです。Worldを公開するNode.jsでつくったアプリは当然普通のレンタルサーバでは動作しません。アプリを公開する場合はNode.jsが動作するサーバへ設置する必要があります。今回は、制限はあるものの無料で使用できる「Heroku」を利用します。up上記ページからアカウント登録。Toolbelt上記ページからツールをダウンロード、インストール。Node.jsのインストーラーと一緒でポチポチすればおk。Enterキーを連打してpackage.jsonを作成します。Procfileファイルを作成します。これは、Heroku上でNode.jsを動作させる際に必要になるファイルです。app.jsと記述して保存します。このファイルをHerokuに読ませることで、Node.jsを実行できるようになります。ポート番号の記述を変更するapp.jsのcreateServerのポート番号をHeroku用に書き換えます。こんな感じにポート番号を変更しましょう。コマンドラインでHerokuにアプリをデプロイするgitを利用してHerokuにデータをデプロイします。initでgitの初期化を行います。続いてHerokuにアプリを登録します。アプリ名アプリ名には任意の名前を入力してください。使用されているアプリケーション名を登録することは出来ません。入力後にEnterを押すとHeroku上にアプリが登録されます(https://dashboard.heroku.com/appsで確認できます)。次にgitを使ってデータをHerokuにコミットします。.で、ディレクトリ内のすべてのファイルをステージングに追加します。"任意のコメント"でHerokuにステージングしたファイルをコミットします。最後にプッシュしてHerokuへのデータのデプロイは完了です。masterデプロイ完了したら、「アプリケーション名.herokuapp.com」で実際のアプリにアクセスできます。https://nodejs160404.herokuapp.com/これでとりあえずつくったアプリが公開されました。今後Node.jsとSocket.ioを使って色々やりたいすね。CSS好きなエンジニア。月別アーカイブはてなブログをはじめよう!kokushinさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。