How to deploy Rails4 to Heroku ? (with ActionCable) – Part 4

Thank you for continuing to follow this tutorial. If you stumble on this post and don’t know what happening, please check Part 1  ,  Part 2 and Part 3 that covers basic setup and styling. Also please check  Live Demo for the final result. If like to deep straight into code, here is the source code for all 3 parts.

 

Anatoly Spektor

Let me help you!

Hey, I am Anatoly, founder of this blog. I would love to help you! I have 6+ years experience in Web Development and IT Leadership. Lets work together on your project! Leave me your email and I will schedule a FREE Consultation!

Pre-requisites:

  • verified heroku account
  • postgresql
  • heroku command line tool
  • git

For deployment to Heroku I will be using amazing example from heroku blog 

First of all go to your Gemfile and uncomment line:

notificator/Gemfile

Then run:

Create heroku app, by going into your

Add redis to our app (it requires verified account, but redis itself is free up to 10 connections)

Get redis url that is used for production

You will get something like this:

Put this variable into cable.yml  (please change your redis url to the one you got from the heroku)

notificator/config/cable.yml

Next step is to specify websockets url path. Go to production.rb and add following lines:

notificator/config/environments/production.r

 

While you are in production.rb, we need to do a special fix for Heroku to show assets:

change from false to true:

notificator/config/environments/production.r

add :

notificator/config/environments/production.r

Cool! We are good to go!

Commit this and push to master:

In case when its succeeds you still don’t see your website, run:

to force  database migration

Please post your questions into comment section.

If you like what you see please Subscribe to my blog. If you need help with your project, please Get In Touch.

Anatoly Spektor

IT Consultant with 6 years experience in Software Development and IT Leadership. Participated in such projects as Eclipse IDE, Big Blue Button, Toronto 2015 Panam Games.

Related Posts

Join the Discussion

Your email address will not be published. Required fields are marked *

Discussion

  1. Abhradip Ghosh

    It is not working in localhost, most specifically the real time feature. I am very sure that you skipped few things in this tutorial. The end output is not identical with demo. It is not even working on heroku. You used redis to go for heroku but you did not mention any such storage structure for localhost. You did not mention what should be there in Procfile. CSS is not working. I am using chrome but .svg file is not supported under image_tag.

    Even in heroku the real time feature is not working.

    This issues are very serious. Have a look !

    1. Anatoly Spektor

      Hey Abhradip,

      I am sorry that this tutorial does not work on localhost. To help you better please provide more information on what exactly does not work for you maybe with error message for clarity.

      Addressing some of the concerns of your demo:

      a.”The end output is not identical with demo.” -> Can you please specify what exactly is not identical ? This demo is build from the code in this repository: https://github.com/myprogrammingblog/notificator-rails5-example . What I mean is heroku is using it as a source code to build the demo. I see demo working, so how can it be different ? Please specify which parts are different for you.

      b. “It is not even working on heroku”. -> IF you look at the demo – it is on Heroku and it is working. Please specify what exactly does not work for you on Heroku.

      c. “You used redis to go for heroku but you did not mention any such storage structure for localhost.” -> Please see “Setup part” of http://myprogrammingblog.com/2016/08/22/rails5-actioncable-realtime-notifications-part1/

      d. “CSS is not working. I am using chrome but .svg file is not supported under image_tag.” -> My code is using an “.svg” and I have no problem with it (On Chrome). Please specify what errors are you getting on the console and where are you storing an image.

      Also did you try getting source code from the repository and running it -> https://github.com/myprogrammingblog/notificator-rails5-example

      Thanks for your comment, and I look forward for your reply!

      1. Abhradip Ghosh

        Thank you for the response! . Firstly I cloned your app from the git repository blindly and then I pushed it into my heroku. My heroku has RedisToGo add on installed. And I have set url as heroku config:set REDIS_PROVIDER=REDISTOGO_URL command on my windows machine. Then also the real time feature was not working.

        Please tell me what else to do. I missed some settings I think.

        1. Abhradip Ghosh

          And I forgot to say, I also ran heroku run rake db:migrate to generate necessary migrations.

          1. Abhradip Ghosh

            grep is not a windows command . Thats why I am unable to run heroku config –app notificator-rails5 | grep REDISTOGO_URL command. Thats why all the things are messed up. Can you tell me any alternative of ‘grep’ for windows?

arrow