joppot

コピペで絶対動く。説明を妥協しない

サーバ プログラミング

ruby on railsのckeditor gemをapacheのproductionの本番環境で動かす

投稿日:2014年9月4日 更新日:


90jioaw

概要

みなさんこんにちはcandleです。今回はckeditorを本番環境で動かしてみたいと思います。
とは言っても基本的な記述はdevelopment環境と同じなので、そこまでは前回の記事を参照お願いします。

前提

ruby on railsの環境が整っている

passengerでruby on railsが動いている

ckeditorが開発環境で動いている。
ckeditorの導入に付いては前回の記事をお願いします。

ruby on railsのckeditor gemの使い方をscaffoldを用いて解説する

ckeditorで画像のアップロードの設定が終わっている
これも前回のを参照してください。
ckeditorのアップロードの設定が終わっていないと、ckeditorに関するファイルが準備されないので、予め作っておいてください。

ruby on railsのckeditorでcarrierwaveを使って画像をアップロードする



ckeditorのイニシャライザを編集する

もしかすると、マイグレーションファイルのデータベースの反映忘れがあるかもしれないので、
下のコマンドで反映しましょう。

rake db:migrate RAILS_ENV=production

railsプロジェクトの中にあるconfig/initializers/ckeditor.rbを開いてください。
「Ckeditor.setup do |config|」から「end」までの間に下の記述を加えましょう。

config.assets_languages = ['ja', 'fr']
config.assets_plugins = ['image', 'smiley']

changemyckeditorproductionsetting

保存しましょう。

ckeditorの設定は以上です。

railsのprecompileをする

そしたら、railsプロジェクトをプリコンパイルしてjsやcssを本番環境様に準備します。
下のコマンドをrailsプロジェクトの中で実行しましょう。

bundle exec rake assets:precompile

するとpublic以下にjsなどのファイルが準備されます。

apacheサーバを再起動します。

sudo service httpd restart


サーバにアクセスして確認する

それではサーバにアクセスして、ckeditorが動くか確認します。

productionck

ちなみに、うまくいかない場合はckeditorが起動しません。
ファイルがアップできるか試しましょう。

9j0jklvae

できますね。
問題ありません。

まとめ

本番環境で動かすには2行加えて、precompileすればできます。やってみましょう。

スポンサードリンク

「為になったなぁ」と思ったら、シェアお願いします。

-サーバ, プログラミング
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ruby on railsのbundleのGemfileでインストールしたgemを削除する

概要 みなんさんこんにちはcandleです。今回は間違って入れてしまったり、不必要になったgemの削除のやり方を紹介します。 前提 ruby on railsの環境が整っている gemの概念を理解して …

gemspecのsummary項目とdescription項目の違いに付いて

概要 みなさんこんにちはcandleです。 gemを自作していたら、gemspecのところでsummaryとdescriptionの違いが分からなかったので、 調べたら、公式ページに書いてあったので、 …

ruby on railsでpdfファイルをダウンロードさせる

概要 みなさんこんにちはcandleです。pdfファイルのダウンロードのやり方を紹介します。 前提 railsの環境が出来ている twitterbootstrap gem を使用した環境で説明して行き …

gemを使ってcentosにfluentdサーバを構築する

概要 みなさんこんにちはcandleです。今回はfluentdサーバをcentos上に構築したいと思います。 fluentdサーバといえば、railsやphpと連帯して、ユーザーのサービスサイト内での …

React webでsematic-ui-reactを使い基本的なサイトを作成する

概要 みなさんこんにちはcandleです。今回はSemantic UIを使ってReactのデザイン開発をして見たいと思います。 Semantic UIはCSSフレームワークの1つで他に有名なところはT …

  • English
  • 日本語

ベンチャー企業のCTOをやってます。大学時代にプログラミングを始め、javaから入門し、C++へて、PHPへと進み、会社ではRailsを使用。自動化が大好きなプログラマー