Cloudinary Blog

Heroku add-on for image management in the cloud

When we first started developing web apps with Ruby on Rails, some six years ago, we struggled with finding a good IDE. We settled for Eclipse with RadRails (still developing on PCs at that time...), but kept our eyes open for new and promising IDEs. At late 2007, a very surprising contender caught our eyes, it was called ‘Heroku’ and it offered an amazing concept - a fully featured IDE for Ruby-on-Rails that was completely online, available through your favorite browser.

In addition to collaborative online code editing, Heroku sought to revolutionize the way you deploy your Rails applications. Instead of messing around with a lengthy deployment process, heroku offered to deploy your Rails applications to the cloud in just a few clicks.

The huge benefits for the Rails community has drove Heroku to focus its whole attention at Cloud-based deployments, offering one of the most effective PaaS (Platform as a service) solutions at that time. Heroku soon extended their support to Node.js, Clojure, Java, Python, and Scala.

Two years later, Heroku added yet another disruptive feature to their platform - add-ons. With add-ons, any cloud service provider could integrate with Heroku, offering its service through the Heroku platform. New add-ons get listed on Heroku’s portal, and Heroku users can extend their existing applications with new cloud services in virtually one click.

When we started working on Cloudinary, we knew that we must develop a Cloudinary add-on for Heroku. Allowing web developers to integrate with our Cloud-based image management solution with just a single click was simply a too important opportunity to miss. 

After a lengthy testing phase, we’re happy to report that the Cloudinary’s Heroku add-on is finally available to the general public

Notes

To setup a Cloudinary account, simply select the plan that matches your needs from the list of plans. You can upgrade to plans with higher usage limits at any time.

You can also do it from the command line. For example, the following line signs up to the Bronze plan:

Copy to clipboard
heroku addons:add cloudinary:bronze

With Cloudinary’s client libraries for Ruby on Rails, Node.js and Python, integrating with Heroku is quite seamless. Heroku automatically defines the CLOUDINARY_URL environment variable in your deployed applications. This variable is processed by our client libraries for configuring your cloud name and access identifiers. Here is a sample CLOUDINARY_URL for example:

Copy to clipboard
cloudinary://123456789012345:abcdeghijklmnopqrstuvwxyz12@n07t21i7

In addition, Cloudinary also offers straightforward URL-based APIs for simple integration with any web development platform out there.

Check out our Heroku documentation page for detailed usage instructions.  

After you setup your Cloudinary add-on, make sure you check out our Management Console. Through the console you can browse all uploaded images and transformations, view usage statistics and charts, grab your access identifiers and modify your account settings. To reach your management console, just head to the Heroku portal, select your app, and select Cloudinary from the Add-ons drop-down menu on the top right corner. 

Heroku Menu

Console

Heroku users - why don't you try out our new add-on? We would love to hear your feedback.

Recent Blog Posts

Generate Waveform Images from Audio with Cloudinary

This is a reposting of an article written by David Walsh. Check out his blog HERE!
I've been working a lot with visualizations lately, which is a far cry from your normal webpage element interaction coding; you need advanced geometry knowledge, render and performance knowledge, and much more. It's been a great learning experience but it can be challenging and isn't always an interest of all web developers. That's why we use apps and services specializing in complex tasks like Cloudinary: we need it done quickly and by a tool written by an expert.

Read more
Make All Images on Your Website Responsive in 3 Easy Steps

Images are crucial to website performance, but most still don't implement responsive images. It’s not just about fitting an image on the screen, but also making the the image size relatively rational to the device. The srcset and sizes options, which are your best hit are hard to implement. Cloudinary provides an easier way, which we will discuss in this article.

Read more

The Future of Audio and Video on the Web

By Prosper Otemuyiwa
The Future of Audio and Video on the Web

Web sites and platforms are becoming increasingly media-rich. Today, approximately 62 percent of internet traffic is made up of images, with audio and video constituting a growing percentage of the bytes.

Read more

Embed Images in Email Campaigns at Scale

By Sourav Kundu
Embed Images in Email Campaigns at Scale

tl;dr

Cloudinary is a powerful image hosting solution for email marketing campaigns of any size. With features such as advanced image optimization and on-the-fly image transformation, backed by a global CDN, Cloudinary provides the base for a seamless user experience in your email campaigns leading to increased conversion and performance.

Read more
Build the Back-End For Your Own Instagram-style App with Cloudinary

Github Repo

Managing media files (processing, storage and manipulation) is one of the biggest challenges we encounter as practical developers. These challenges include:

A great service called Cloudinary can help us overcome many of these challenges. Together with Cloudinary, let's work on solutions to these challenges and hopefully have a simpler mental model towards media management.

Read more

Build A Miniflix in 10 Minutes

By Prosper Otemuyiwa
Build A Miniflix in 10 Minutes

Developers are constantly faced with challenges of building complex products every single day. And there are constraints on the time needed to build out the features of these products.

Engineering and Product managers want to beat deadlines for projects daily. CEOs want to roll out new products as fast as possible. Entrepreneurs need their MVPs like yesterday. With this in mind, what should developers do?

Read more