【node.js】さくらのVPSでnodeとApache共存できて感動【Apache】

20160117

はいどーも!

タイトル通り、感動している芦野です。

 

ちょっとやろうとして挫折し、

またもうちょっとやろうとして挫折し、

思い立ってからだいぶ時間が経ちましたがやっとできました、

node.jsとApacheの共存..

 

何で共存せなあかんのや、

というところですが、

今契約しているサーバーではdifusha.comとteriyakiegg.comと2つのドメインを住まわせていて、

difusha.comはwordpressでバリバリ稼働中なので、

teriyakiegg.comのwebサーバーをnode.jsにするには共存の道しか無しと…

 

せっかくなので(?)どんな道のりを踏んだのかを簡単に紹介しようと思いやす。

①http-proxyをインストール

 

と、全て書こうと思いましたが、

http://qiita.com/ytakzk/items/e4422555549b069e3d90

結局この記事の通りにやったらうまくいっただけなので、

気になる方はこの記事に飛んでください←

 

デーモン化だけはforeverよりpm2が良いよ、と

教えてもらったのでpm2を使ってみました。

 

共存の話はそれまでで、

ここからはwebサーバーをnodeにしたことで迫られた変更点についてちょいと。

 

まず、今までindex.phpにトップページのhtmlを全て書いていましたが、

おとなしくindex.htmlに全て戻しました。

気づいてみたら、phpを使ってたのはアクセスカウンタのためだけだったので、

潔くアクセスカウンタのコードを消しました。

気が向いたらnode使ってアクセスカウンタ機能をまた作ります.._(:3 」∠ )_

 

無事、残るはnodeからindex.htmlを読み込むだけ、となったのですが、

fs.readFileでindex.html読み込むだけだとstyle.cssとか画像が読み込まれない…!xO

 

一瞬テンションが下がりましたが、

どうやらexpressというモジュールを使えば万事okという記事を何個か発見。

expressをインストールして、

publicというディレクトリを作って、中にindex.htmlやcss、画像のフォルダとかを全部ぶちこむ。

後は、

 

と、ここまでやったところで一旦落ち着きました。

せっかくnodeにしたんだから色々面白いことしたいッス

 

今日は最後にサイトの今の状況を報告して寝ます!

teriyakiegg.com

スクリーンショット上げようと思ったら、

なんかサイト全体のスクリーンショットできなくなってる…

 

今日は妥協します..!!

 

やったこと↓

・ヘッダーを固定にしてたけどやめた(なんとなく)

・背景の色を分けてみた

・プロフィール作り中(証明写真アップしてみた)

・ヘッダーのプロフィール押したらプロフィールのとこまで自動でスクロールされるやつやった(jQueryで簡単にできて感動した)

・ブログのサムネ画像をなんとなく丸くしてみた(画像下部に文字を表示させようとしてうまくいかなくて苦戦中)

 

てなところです。

 

 
Posted by てりやき
Twitter→@teriyakiegg

 

P.S.

ゲスの極み乙女。を最近初めて聴いて、

なんじゃこれめちゃ良いやんってなりました。

特にこのオトナチックが非常に良いっすね….

 

Comments are closed.