読者です 読者をやめる 読者になる 読者になる

仮想通貨サービス BitCapitalZ の日記

仮想通貨関連のブログです Ripple, Ethereum 仮想通貨2.0に注目しています

(Ripple) Integrate ripple-lib into rails by bower

日本語

Ripple WebSocket API を簡単に使うための javascript ライブラリに ripple-lib があります。ただこれは npm で管理されており、最近流行りの bower で管理したいと思うわけです。
そこで調べた所、ripple-lib は非公式ながら bower にもありました。
ripple/bower-ripple · GitHub
です。

今回はこのripple/bower-ripple · GitHubrails に導入して使ってみたいと思います。


まずは bower をインストールします

# npm install bower -g

Gemfile にbower-railsを追加します

$ vim Gemfile

gem 'bower-rails'

Bowerfile というファイルを作って、ripple/bower-ripple · GitHubを追加します

$ rails g bower_rails:initialize
$ vim Bowerfile

assets_path "assets/javascripts"

group :vendor do
  asset 'ripple'
end

bower をインストールします

rake bower:install

これで ripple/bower-ripple · GitHub インストール完了です。

bower でインストールしたパッケージを使えるようにパスを通します。

$ vim config/application.rb 

config.assets.paths << Rails.root.join("vendor", "assets", "javascripts", "components")

ripple/bower-ripple · GitHub を使うように application.js に設定します。

$ vim app/assets/javascripts/application.js

//= require ripple


これで全ページに ripple.js がインクルードされ使えるようになります。と同時に bower の rails への導入完了です。

For English

To use Ripple WebSocket API, javascript library ripple-lib is avaliable. But this library is managed by npm. I prefer to use bower now.
For bower , ripple-lib is available although it is unofficial.

Now I'm going to explain how to integrate ripple/bower-ripple · GitHub into rails project


First, install bower

# npm install bower -g

Add bower-rails into Gemfile

$ vim Gemfile

gem 'bower-rails'

Making Bowerfile and adding ripple/bower-ripple · GitHub

$ rails g bower_rails:initialize
$ vim Bowerfile

assets_path "assets/javascripts"

group :vendor do
  asset 'ripple'
end

Installing bower

rake bower:install

Now ripple/bower-ripple · GitHub is installed
For using bower, configure application.rb

$ vim config/application.rb 

config.assets.paths << Rails.root.join("vendor", "assets", "javascripts", "components")


For using ripple/bower-ripple · GitHub, configure application.js

$ vim app/assets/javascripts/application.js

//= require ripple


Now ripple.js is included into all pages. Enjoy it.