#locomotivecms

[zurichtechtalks]

LocomotiveCMS as a powerful Backend

Thomas Preusse, developer at local.ch is talking about LocomotiveCMS, a CMS built in Rails. He shows how data can be imported with Rake tasks and later be managed by non-tech editors. Also how the rendered output can be edited using templates.

This talk relies on the docker environment that has been set up in Eduard's talk.

Recorded at a @webtuesday meetup at @meetmila.

[detham]

Locomotive CMSをherokuで使ってホームページ運用

CMSでホームページを作る事になって、せっかくなので、

初めて使うやつ

Ruby on Railsなやつ

heroku で動くやつ

という基準でCMSをさがして、LocomotiveCMSを使うことにした。

なお、他にあった候補は、Lokka、Refinery CMS、BrowserCMSなどを、この辺りのページを参考にしながら確認したけど、現実的な条件

レイアウトやデザイン変更を含めて、インストール後は管理画面からすべて変えられる

お問い合わせフォームが簡単に作れる

複数人数で管理ができる

に合わなかったり、Rails 3に対応していなかったりしたのでパスした。

LocomotiveCMSはMongoDBがバックエンドで、mongoid をDBアダプタとして使っているので、その辺も興味があった。

公開までの手順

Railsプロジェクト作成

Gemfileの設定とインストール

locomotivecms のインストール

gitレポジトリとherokuアプリケーションの作成

heroku用にアプリケーションの設定

assets のプリコンパイル設定の変更とプリコンパイル

heroku へのpush と公開

1. Railsプロジェクト作成

インストール手順のとおりに、rails プロジェクトを作成する。Mongoidを使うので、ActiveRecordは使わない

> rails new new_cms --skip-active-record --skip-test-unit --skip-javascript --skip-bundle > cd new_cms

2. Gemfileの設定とインストール

Gemfile に以下の内容を追加する

gem 'locomotive_cms', '~> 2.0.0.rc12', :require => 'locomotive/engine' gem 'locomotive-heroku', '~> 0.0.2', :require => 'locomotive/heroku' gem 'thin', :group => 'production' gem 'unicorn', :group => 'development' gem 'compass-rails', '~> 1.0.2', :group => 'assets' gem 'sass-rails', '~> 3.2.4', :group => 'assets' gem 'coffee-rails', '~> 3.2.2', :group => 'assets' gem 'uglifier', '~> 1.2.4', :group => 'assets' gem 'therubyracer', '>= 0.8.2'

保存したら、bundle コマンドでインストール

> gem install bundler --pre > bundle install

3. locomotivecms のインストール

LocomotiveCMSのコマンドでインストールする

> bundle exec rails g locomotive:install

4. gitレポジトリとherokuアプリケーションの作成

heroku用にgit レポジトリの設定とherokuアプリケーションの作成をする。heroku コマンドの設定はもうできている前提で。

設定する項目は

MongoHQ - データベース addonの追加

SendGrid - メールサーバー addonの追加

Amazon S3アカウント情報の追加

Herokuアカウント情報の追加

> git init . > heroku create [アプリケーション名] > heroku config:add BUNDLE_WITHOUT=development:test > heroku addons:add mongohq:free > heroku addons:add sendgrid:starter > heroku config:add S3_KEY_ID=[S3のキーID] > heroku config:add S3_SECRET_KEY=[S3のシークレットキー] > heroku config:add S3_BUCKET=[S3のバケツ名] > heroku config:add S3_BUCKET_REGION=ap-northeast-1 # この場合東京リージョン

5. heroku用にアプリケーションの設定

config/mongoid.yml を開いて、以下のように変更する

production: uri: <%= ENV['MONGOHQ_URL'] %>

config/environments/production.rb を開いてメールサーバーの設定をする

config.action_mailer.delivery_method = :smtp config.action_mailer.smtp_settings = { :address => 'smtp.sendgrid.net', :port => 25, :authentication => :plain, :user_name => ENV['SENDGRID_USERNAME'], :password => ENV['SENDGRID_PASSWORD'], :domain => ENV['SENDGRID_DOMAIN'] }

config/initializers/locomotive.rb を開いてLocomotiveCMSの設定を追加する

config.hosting = { :target => :heroku, :api_key => ENV['HEROKU_API_KEY'], :app_name => ENV['HEROKU_APP_NAME'] }

6. assets のプリコンパイル設定の変更とプリコンパイル

そのままherokuにpushすると、cedar stack でもprecompileに失敗するので、deploy時にprecompileしないようにして、precompileしたファイルをレポジトリに入れてpushする。

config/application.rb を開いて以下の設定を追加する

module YourApplication class Application < Rails::Application ... config.assets.initialize_on_precompile = false ... end end

precompileしてassetファイルを作成する

> bundle exec rake assets:precompile

7. heroku へのpush と公開

準備が終了したので、herokuのgit レポジトリにpushして公開する。

> git add . > git commit -am "launch it" > git push heroku master > heroku open

『公開』といっても管理画面が使えるようになっただけで、サイト自体は空っぽの状態。レイアウトもデザインもこれから制作。

参考にしたリンク

Heroku | Cloud Application Platform

LocomotiveCMS is an open source CMS for Rails

How to build a website with Locomotive CMS from scratch | TommyBlue.it

LocomotiveCMS — LocomotiveCMS Documentation

[detham]

locomotive CMSでメールフォームを作成するときに確認すべきたった１つの場所

heroku上でCMS管理のサイト制作のために、locomotive CMSというRailsベースのCMSを使ってみた。

「How to build a website with Locomotive CMS from scratch | TommyBlue.it」というとても素晴らしいエントリがあったので、それを元にフォームを作ったのが、昨日の夜。何度か試したけどメールが送信されず、それから、

もろもろやったけど意味なかったこと

フォームの投稿自体が行われていることCMS内でチェック

LocomotiveCMSの管理画面での設定のチェック

heroku config コマンドで設定のチェック

heroku logsで処理エラーが発生していないかチェック

ウェブを検索して他にきにすべき点がないか確認

もう一度、heroku configコマンドで設定のチェック

/config 以下のファイルの設定を確認

/config/environments/production.rb の設定を変えてテスト

設定変更でエラーなど発生しないか heroku logs コマンドでチェック

/config/initializer/locomotive.rb の設定を変えてテスト

/config 以下の設定の組み合わせを変更してテスト

念のため、assetsをコンパイルしなおしてdeploy

LocomotiveCMSのmailersのソースを確認して、メール送信箇所をチェック

heroku run rails console コマンドで Locomotive::Notifications.new_content_entry().deliver を実行

==> 初めてメールを受信した！！

LocomotiveCMSのメール送信箇所を確認して、メール送信の条件をチェック

heroku run rails console コマンドでレコードを確認してメール送信の条件があっているかチェック

確認すべきたった１つの場所

メールを送信すべきアカウント。

「Notified Accounts」のところ。

↑ この状態はなにも選択されていない状態で、

↓ この状態が選択されいる状態。

ふーん、わかりづらい。