put angular assets on S3

[hi-ogawa]

• after grunt build, sync the created directory dist/ with S3 bucket.
  • [x] create bucket,
  • [x] sync via aws-cli
  • [x] change destination of http call from angular (only ngResource)
  • http://stackoverflow.com/questions/17011616/using-a-relative-path-for-a-service-call-in-angularjs
  • https://docs.angularjs.org/api/ng/service/$http
  • change the base url of pictures
• set CORS for rails side server
  • [x] different setting for development/production via yml, initializer
  • https://en.wikipedia.org/wiki/Cross-origin_resource_sharing#How_CORS_works
  • https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

[hi-ogawa]

bucket security policy

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "AddPerm",
            "Effect": "Allow",
            "Principal": "*",
            "Action": [
                "s3:GetObject"
            ],
            "Resource": [
                "arn:aws:s3:::word-collector.xyz/*"
            ]
        }
    ]
}

[hi-ogawa]

these could be useful.

• http://newtriks.com/2013/11/29/environment-specific-configuration-in-angularjs-using-grunt/
• https://github.com/newtriks/generator-env-config
• http://hounddog.github.io/blog/using-environment-configuration-with-grunt/

[hi-ogawa]

it turns out putting cors configuration on rails is not enough on production

• http://stackoverflow.com/questions/25945419/how-do-i-configure-access-control-allow-origin-with-rails-and-nginx

[hi-ogawa]

https://github.com/hi-ogawa/wordCollector/compare/ad5e64b1f14309ebd5234b227c53e9fc5420caa5...9101bd14e38a02840ecaae4e5a45aab9f8f281f6

[hi-ogawa]

on production, it seems headers setting for CORS must be same in nginx config https://github.com/hi-ogawa/wordCollector/compare/ad5e64b1f14309ebd5234b227c53e9fc5420caa5...9101bd14e38a02840ecaae4e5a45aab9f8f281f6#diff-40966e418411980a49913f0054bb041eR196 and in rails config https://github.com/hi-ogawa/wordCollector/compare/ad5e64b1f14309ebd5234b227c53e9fc5420caa5...9101bd14e38a02840ecaae4e5a45aab9f8f281f6#diff-8946e605a710e650eb51f58efe58b829R13

[hi-ogawa]

• how to launch production server:

$ # launch new ec2 instance (from my custom ruby image)
$ ssh aws
$ git clone https://github.com/hi-ogawa/wordCollector.git
$ cd wordCollector/railsAPI
$ bundle install
$ echo "SECRET_KEY_BASE=$(rake secret)" >> ~/.rbenv/vars
$ cat >> ~/.rbenv/vars
AWS_ACCESS_KEY_ID=...                 # see `~/.aws/credentials` on local
AWS_SECRET_ACCESS_KEY=...
RAILS_ENV=production
$ (rake db:migrate) # in case need schema update on db
$ nohup rbenv sudo passenger start -p80 --nginx-config-template config/nginx.conf.erb &> /dev/null &

• how to update:

$ ssh aws
$ cd wordCollector/railsAPI
$ git pull
$ rbenv sudo passenger-config list-instances   # check the name of a passenger instance
$ rbenv sudo passenger-config restart-app . --instance <name>