Skip to content

Instantly share code, notes, and snippets.

@edelpero
Last active May 10, 2021 08:31
Show Gist options
  • Star 49 You must be signed in to star a gist
  • Fork 10 You must be signed in to fork a gist
  • Save edelpero/9257311 to your computer and use it in GitHub Desktop.
Save edelpero/9257311 to your computer and use it in GitHub Desktop.
Heroku, Ruby on Rails and PhantomJS

#Heroku, Ruby on Rails and PhantomJS

In this post, I’m going to show you how to modify an existing Ruby on Rails app running on Heroku’s Cedar stack to use PhantomJS for screen scraping. If you’ve never heard of PhantomJS, it’s a command-line WebKit-based browser (that supports JavaScript, cookies, etc.).

Let’s get started. This is a high-level overview of the required steps:

  • Modify your app to use multiple Heroku buildpacks.
  • Extend your app to use both the Ruby as well as the PhantomJS buildpacks.
  • Confirm that everything worked.

David Dollar has created Heroku buildpack that allows you to use multiple Heroku buildpacks for your app. ;-) Install it by setting an environment variable:

$ heroku config:set BUILDPACK_URL=https://github.com/ddollar/heroku-buildpack-multi.git

Extend your app to use both the Ruby as well as the PhantomJS buildpacks

Create a .buildpacks file in the root directory of your app:

$ touch .buildpacks

Within your .buildpacks file, specify that your app uses both the Ruby and the PhantomJS buildpacks. This prevents you from having to (cross-)compile PhantomJS yourself. Make the contents of your .buildpacks file:

https://github.com/heroku/heroku-buildpack-ruby
https://github.com/stomita/heroku-buildpack-phantomjs

PhantonJS has a dependency on libQtWebKit.so.4, which the PhantomJS buildpack installs on Heroku in/app/vendor/phantomjs/lib. Modify your Heroku app’s LD_LIBRARY_PATH to include this directory:

$ heroku config:set PATH="/usr/local/bin:/usr/bin:/bin:/app/vendor/phantomjs/bin"
$ heroku config:set LD_LIBRARY_PATH=/usr/local/lib:/usr/lib:/lib:/app/vendor/phantomjs/lib

Confirm that everything worked

First things first - load your app in your web browser and confirm that it still comes up. :-) Next, launch a Heroku bash shell:

$ heroku run bash

Within the bash shell, invoke the PhantomJS executable to ensure that it runs:

$ vendor/phantomjs/bin/phantomjs —version

Good to go! Now you’re ready to call PhantomJS from your Ruby code.

@JHFirestarter
Copy link

JHFirestarter commented Apr 23, 2016

@edelpero @benbowden @tomgallagher watir+phantomjs still does not work for me. I followed all of the above: web dyno is on & running, app is up, Multipack is my framework, and https://github.com/ddollar/heroku-buildpack-multi.git my buildpack in Heroku. I config'd the paths above.

On my local terminal, seems good: vendor/phantomjs/bin/phantomjs -v => 2.1.1
In heroku bash, not so much: vendor/phantomjs/bin/phantomjs -v => bash: vendor/phantomjs/bin/phantomjs: cannot execute binary file: Exec format error

I tried running a rake task heroku run rake example_task and received Selenium::WebDriver::Error::WebDriverError: unable to connect to phantomjs @ http://127.0.0.1:#### after 20 seconds

@Jpatcourtney
Copy link

Hey great tutorial. I found it because I "lowercased the p" in Procfile!

Now even when I rename it or create a new file I can not get heroku to see it. When I push it to github it is still lowercase.

Any idea how I can fix this?

Thanks!

@noafroboy
Copy link

Don't need to do any of this anymore.

See: https://devcenter.heroku.com/articles/using-multiple-buildpacks-for-an-app

Simply do
heroku buildpacks:add --index 1 https://github.com/stomita/heroku-buildpack-phantomjs

And deploy. Worked for me on Phantom 2.1.1

@mdkarp
Copy link

mdkarp commented Sep 20, 2016

thanks @noafroboy worked for me!

@sebastian-palma
Copy link

Also you can download the phamtomjs package and extract the executable in the bin folder, then you put it in the bin folder in your Rails app.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment