Tag Archives: Rails

I used AngularJS on Rails form_for. The most annoying thing is form_for generates form tag with action attribute.

Environment

Rails 4.1.8
Ruby 2.2.2
AngularJS 1.4.7
Ubuntu 15.04

Circumstance

Rails form_for generates form tag with some attributes, including action. Of course, we can add other attributes. But, AngularJS conflicts with this.

In the following code, problem occurs.

<%=form_for(@user, html: {'data-ng-submit': 'mainCtrl.create()', novalidate: :novalidate, name: 'createForm'}) do |f|%>
<%=f.label :name%>
<%=f.text_field :name, required: :required, 'data-ng-model': 'user.name'%>
<button>submit</button>
<%end%>

<%=form_for(@user, html: {'data-ng-submit': 'mainCtrl.create()', novalidate: :novalidate, name: 'createForm'}) do |f|%>

<%=f.label :name%>

<%=f.text_field :name, required: :required, 'data-ng-model': 'user.name'%>

<button>submit</button>

<%end%>

After clicking the button, AngularJS process will be executed and original form process will be executed.

AngularJS prevent original process when form doesn’t have action attribute, but rails add action attributes automatically. I couldn’t find the way to prevent rails from adding action attribute.

Solution

Add onsubmit="return false;" to the form tag.

<%=form_for(@user, html: {'data-ng-submit': 'mainCtrl.create()', novalidate: :novalidate, name: 'createForm', onsubmit: "return false;"}) do |f|%>
<%=f.label :name%>
<%=f.text_field :name, required: :required, 'data-ng-model': 'user.name'%>
<button>submit</button>
<%end%>

<%=form_for(@user, html: {'data-ng-submit': 'mainCtrl.create()', novalidate: :novalidate, name: 'createForm', onsubmit: "return false;"}) do |f|%>

<%=f.label :name%>

<%=f.text_field :name, required: :required, 'data-ng-model': 'user.name'%>

<button>submit</button>

<%end%>

また AngularJS: How to prevent form submission after click on button? に記載されているような方法もありますが、 javascript として他のところで使えないので、上に書いたやり方の方がきれいに見えます。

Readers who viewed this page, also viewed:

Linux, Code

Drive Rails on Nginx and Passenger, Install Instructions

Wednesday September 30th, 2015 Kenji

I setup rails on Passenger and Nginx. But I didn’t install from package, but compiled the source to hide some http response header. I wrote the instruction to install them, and what I did.

Environment

Ruby 2.2.2
Nginx 1.8
Passenger 5.0.18
EC2 Amazon Linux 2015.03

Overview

I suppose you installed ruby.

Install Passenger
Install Nginx
- Download Nginx and required module
- Compile and Install
nginx configuration
(Re)Boot nginx

Install Passenger

Install Passenger, as gem install passenger.

Install Nginx

If you execute passenger-install-nginx-module as root, nginx will be installed. But in the case, Nginx version and Passenger version should be presented in http response header.

For removing such no use headers, you should compile the source of nginx with nginx module.

Download Nginx and required module

Execute sudo su -, and switch user to root. And execute cd /usr/local/src.

Download Nginx

Download Nginx (tar.gz format). I downloaded Nginx 1.8.0, which was the latest stable nginx. You can find it at Nginx Official Download Page.

wget http://nginx.org/download/nginx-1.8.0.tar.gz

1	wget http://nginx.org/download/nginx-1.8.0.tar.gz

And extract it.

tar xvfz nginx-1.8.0.tar.gz

1	tar xvfz nginx-1.8.0.tar.gz

Download headers-more-nginx-module

Plain Nginx and Passenger respond http header including versions of Nginx and Passenger, and execution time, etc. Not to expose server’s internal information, use headers-more-nginx-module with Nginx.

I got the module (.tar.gz format) of latest version from github, which is on github.

Release list page : Releases · openresty/headers-more-nginx-module

wget https://github.com/openresty/headers-more-nginx-module/archive/v0.261.tar.gz

1	wget https://github.com/openresty/headers-more-nginx-module/archive/v0.261.tar.gz

After downloading, Extract it.

tar xvfz v0.261.tar.gz

1	tar xvfz v0.261.tar.gz

After extraction, change the .tar.gz file name to understandable name. Tab helps you to change the name, using extracted directory name.

mv v0.261.tar.gz headers-more-nginx-module-0.261.tar.gz

1	mv v0.261.tar.gz headers-more-nginx-module-0.261.tar.gz

Compile and Install

The installer require the following components. If there’s any deficit, installation will be stopped, so don’t worry.

C compiler (/usr/bin/cc)
C++ compiler (/usr/bin/c++)
wget or curl
curl development header with ssl support
Openssl development header
Zlib development header
rake, rack, ruby development header, rubygems

If you have installed nginx into the same place in the same way, the name old nginx binary will be changed to nginx.old.

Swap

If the RAM is less than 1 GB, like EC2 micro instance, swap memory is required. Execute the following commands as root.

sudo dd if=/dev/zero of=/swap bs=1M count=1024
chmod 644 /swap
sudo mkswap /swap
sudo swapon /swap

sudo dd if=/dev/zero of=/swap bs=1M count=1024

chmod 644 /swap

sudo mkswap /swap

sudo swapon /swap

Don’t worry, even if you start installation with small amount of memory, instruction is shown in installation process.

Execute passenger-install-nginx-module, with no option.

passenger-install-nginx-module

1	passenger-install-nginx-module

Now, the installation will start.

まずは処理の説明が表示され、 Press Enter to continue, or Ctrl-C to abort. と表示されます。 Enter を押して続行します。途中で止(や)めたくなったらいつでも Ctrl-C を押せば止められます。

続いて Which languages are you interested in? と表示されるので必要なものを画面の指示にしたがって選択し、 Enter を押します。

インストールされているソフトウェアのチェックが終わると、Do you want this installer to download, compile and install Nginx for you? と、インストール方法を聞かれます。ソースからコンパイルを行うので 2. No: I want to customize my Nginx installation. (for advanced users) を選びます。

And in my case, not installed component PCRE was automatically downloaded and installed.

Next, you should input source file location and compile option. I inputted the following.

Where is your Nginx source code located?: /usr/local/src/nginx-1.8.0
Where do you want to install Nginx to?: Pressed Enter, without any character.
Extra Nginx configure options: --add-module=/usr/local/src/headers-more-nginx-module-0.261; To use headers-more-nginx-module, add --add-module. Options set as default is printed on console.

At last, confirmation message will be shown, then Enter if there is no mistake. And compiling and installing will be started.

nginx configuration

I copied /opt/nginx/conf/nginx.conf.default to /opt/nginx/conf/nginx.conf.

For running Rails application, the following configuration helps. I show a part of the configuration. I set client_max_body_size 10 MB for uploading images. (It’s 1M as default.) Other configuration setting is explained on Phusion Passenger users guide, Nginx version or so.

http {
passenger_root /path/to/passenger-x.x.x;
passenger_ruby /path/to/bin/ruby;
server {
location / {
index  index.html index.htm;
client_max_body_size 10M;
passenger_enabled  on;
root               /var/rails/root/public;
passenger_base_uri /var/rails/root;
rails_spawn_method smart;
rails_env          development; # or production
}
}
}

http {

passenger_root /path/to/passenger-x.x.x;

passenger_ruby /path/to/bin/ruby;

server {

location / {

index index.html index.htm;

client_max_body_size 10M;

passenger_enabled on;

root /var/rails/root/public;

passenger_base_uri /var/rails/root;

rails_spawn_method smart;

rails_env development; # or production

}

And add code to modify response header.

http {
more_clear_headers Server;
more_clear_headers ETag;
more_clear_headers X-Powered-By;
more_clear_headers X-Runtime;
}

http {

more_clear_headers Server;

more_clear_headers ETag;

more_clear_headers X-Powered-By;

more_clear_headers X-Runtime;

}

Check the configuration file with the following command. It’s ok if no error is shown.

/opt/nginx/sbin/nginx -t

1	/opt/nginx/sbin/nginx -t

(Re)Boot Nginx

I usually use /opt/nginx/sbin/nginx -s reload for rails reloading, but it wasn’t effective in this case.

Stop Nginx with the command /opt/nginx/sbin/nginx -s stop, and boot it by execution of /opt/nginx/sbin/nginx.

If you launch nginx first time, only execute /opt/nginx/sbin/nginx.

Readers who viewed this page, also viewed:

Code

Rails 4 : Load Seed from TSV

Wednesday September 16th, 2015 Kenji

Some days ago, I was requested to enable to load seed data from excel, by my client, in rails 4 project. I told that data to be edited should be managed in database, not excel. But he really requested excel, then I and he decided load data from tsv. Excel is functional, so TSV is appropriate.

Select data area and copy and paste with mouse, Excel data can be pasted as TSV data to text editor, and vise versa.

Environment

Ubuntu 14.04 LTS
Rails 4.1.8
Ruby 2.2.2

Direction

Create feature to load TSV data as a task, and enable to execute with rake.
On executing rake db:seed, execute the task to load TSV.

Continue reading →

Readers who viewed this page, also viewed:

Code

Simple Rails Log Rotation

Thursday September 10th, 2015 Kenji

Here’s the way of simple log rotation in Rails.

Environment

Rails 4.1.8
Ruby 2.2.2
Ubuntu 15.04 (64bit)

Setting

First, add the following code to config/application.rb.

# configure log rotation
# split log by 100MB, limit log file count up to 10
config.logger = Logger.new(
"#{Rails.root}/log/#{Rails.env}.log", 10, 104857600)

# configure log rotation

# split log by 100MB, limit log file count up to 10

config.logger = Logger.new(

"#{Rails.root}/log/#{Rails.env}.log", 10, 104857600)

In the above, log file will be split by 100 MB (104,857,600 bytes) and limit 10 files. Namely, it will save about 1 GB logs. また、 10 ファイルを超えると、古いものから削除されていきます。

Rails can configure logger as daily, weekly, etc., but in that case old log will not be deleted.

Test

Before testing in development environment, create log file with the following command.

dd if=/dev/zero of=log/development.log bs=1M count=100

1	dd if=/dev/zero of=log/development.log bs=1M count=100

bs represents block size, count represents times to write.

And launch server with rails s, access some pages. Then, development.log and development.log.0 will be created.

About Rails logging, you can use the other ways like SyslogLogger and Linux logrotate, for example.

Readers who viewed this page, also viewed:

Code

The Way I Used Magnum CI for Rails Test

Sunday August 30th, 2015 Kenji

Magnum CI is a CI environment which we can use for free. Here, I wrote how I setup Rails code into Magnum CI, which is managed at Bitbucket.

Continue reading →

The Life

Tag Archives: Rails

Use AngularJS on Rails form_for

Environment

Circumstance

Solution

Readers who viewed this page, also viewed:

Drive Rails on Nginx and Passenger, Install Instructions

Environment

Overview

Install Passenger

Install Nginx

Download Nginx and required module

Download Nginx

Download headers-more-nginx-module

Compile and Install

Swap

nginx configuration

(Re)Boot Nginx

Readers who viewed this page, also viewed:

Rails 4 : Load Seed from TSV

Environment

Direction

Readers who viewed this page, also viewed:

Simple Rails Log Rotation

Environment

Setting

Test

Readers who viewed this page, also viewed:

The Way I Used Magnum CI for Rails Test

Readers who viewed this page, also viewed:

A Life Summary of an Gypsy