Sooey

2016-03-25 14:58:16 +0900

Herokuで運用しているRailsアプリのJS依存管理をBowerからnpmへ移行しました。

これまで、Herokuで運用しているRailsアプリにおいて各種JavaScript/CSSパッケージの依存管理をBower(およびqnyp/heroku-buildpack-ruby-bower)で行ってきましたが、

  • npmによる依存管理でも同じことが実現できるようになった
  • Rails内にES6環境を構築するにあたってnpmを利用する必要がでてきた

という理由から、Bowerではなくnpmを利用する構成に移行しました。

具体的な作業手順は以下のとおりです。

まず、npm initコマンドでRailsプロジェクトのルートディレクトリにpackage.jsonを生成します。

$ npm init

bower.jsonに記載していた依存パッケージのエントリをpackage.jsonに記載します。この際、パッケージ名が変わるものもあるので https://www.npmjs.com/ でnpmにおけるパッケージ名を調べておきます。

依存パッケージをnpmでインストールします。

$ npm install

これによって、Railsプロジェクトのルートディレクトリにnode_modulesディレクトリが作成され、その中にパッケージがインストールされます。node_modules.gitignoreに追加しておき、リポジトリには含まれないようにしておきます。

Railsの設定に以下の記述を追加します。

Rails.application.config.assets.paths << Rails.root.join('node_modules/')

これによって、npmでインストールされたパッケージのファイルをapp/assets/javascripts/application.jsなどから//= requireディレクティブで参照できるようになります。指定する際はnode_modules/からの相対パスを記述します。

Herokuにデプロイする際にnpm installが実行されるようにするために、HerokuアプリのBuildpackとしてheroku/nodejsheroku/rubyを設定します。

$ heroku buildpacks:set heroku/ruby
$ heroku buildpacks:add --index 1 heroku/nodejs

設定した結果、以下のようにheroku/nodejsが先に実行されるようになっている必要があります。

$ heroku buildpacks
=== myapp Buildpack URLs
1. heroku/nodejs
2. heroku/ruby

以上で、Herokuへのデプロイ時にnpmによって依存パッケージがインストールされるようになります。

2015-12-16 00:27:35 +0900

Herokuのアプリケーションログを外部サービスにsyslogで転送するdrainsという仕組みにおいてTLS syslogが正式にリリースとなったので、ログの保存に利用しているサービス Papertrailとの通信をTLS syslogに変更した。

手順は以下の通り。

  1. Papertrailにログインして、Destination Settingsページで"Accept connections via..."の"TCP: TLS encryption"チェックボックスをチェックする

Screen Shot 2015-11-19 at 18.47.50.png (116.6 kB)

  1. HerokuのdrainsにTLS syslogを追加する

    $ heroku drains:add syslog+tls://logs2.papertrailapp.com:XXXXX Successfully added drain syslog+tls://logs2.papertrailapp.com:XXXXX

    $ heroku drains syslog://logs2.papertrailapp.com:XXXXX syslog+tls://logs2.papertrailapp.com:XXXXX

  2. Herokuのdrainsから古いsyslogを削除する

    $ heroku drains:remove syslog://logs2.papertrailapp.com:XXXXX Successfully removed drain syslog://logs2.papertrailapp.com:XXXXX

    $ heroku drains syslog+tls://logs2.papertrailapp.com:XXXXX

  3. PapertrailのDestination Settingsページで"Accept connections via..."の"TPC: Plain text"チェックボックスを外す

Screen Shot 2015-11-19 at 18.51.45.png (113.4 kB)