Publish your web app in 4 minutes 33 seconds using Heroku x bottle

About this article

We will introduce how you can start web application development easily and quickly using the following two. The goal is 4 minutes and 33 seconds from the start of development to the release.

• bottle: Python's lightweight web application framework
• Heroku: Application execution platform

Actually, I don't think there is a need for a request * to be released immediately * in 4 minutes and 33 seconds after meeting. However, being able to deploy in 4 minutes and 33 seconds is proof that the hurdles for web development are steadily falling, and I think it is important to have that feeling with the code.

What you can understand by reading this article

• How to publish the Hello World app to the world in 4 minutes and 33 seconds
• How to clean up an app published in 4 minutes 33 seconds in 1 minute

From environment construction to publication

0. Preparation

The following must be installed.

• Minimum

  • git
  • Python 2.7.9
  • heroku toolbelt

• If you don't want to pollute the Python global environment

  • pyenv
  • virtualenv

1. Environment construction (Git repository initialization / Python virtual environment creation)

$ mkdir agile-dev
$ cd agile-dev
$ git init
$ pyenv virtualenv 2.7.9 agile-dev	#Any
$ pyenv local agile-dev				#Any

2. Hello world app development

Installation of libraries and application implementation required for development. By the way, the contents of ʻapp.py` are Recipes — Bottle 0.13-dev documentation-, So I'm just copying here.

$ pip install bottle

app.py

import os
from bottle import route, run

@route("/")
def hello_world():
        return "Hello World!"

run(host="0.0.0.0", port=int(os.environ.get("PORT", 5000)))

3. Create the files needed for Heroku deployment

$ pip freeze > requirements.txt			#List of dependent libraries
$ echo web: python app.py > Procfile	#Application type and entry point specification

This is the end of development, so commit it.

$ git add .
$ git commit -m "initial commit"

4. Create and publish Heroku app

I will publish it immediately.

$ heroku apps:create agile-dev
$ git push heroku master

When remote: Verifying deploy ... done. is returned as the command execution result, the deployment is complete, so let's check it with a browser. The publishing URL should be displayed in the terminal. remote: https://agile-dev.herokuapp.com/ deployed to Heroku

$ open https://agile-dev.herokuapp.com/

It was released safely!

lead time

Comparing the date command execution results before and after the start of work ... ** 3 minutes 54 seconds **. It ended shorter than 4 minutes and 33 seconds.

macbook-pro:~ ohbarye$ date
Wednesday, April 29, 2015 15:40:49 JST
~~(abridgement)~~
macbook-pro:agile-dev ohbarye$ date
Wednesday, April 29, 2015 15:44:43 JST

Clean up

Clean it up and put it back in place.

$ heroku apps:destroy --app agile-dev --confirm agile-dev
$ pyenv uninstall agile-dev
$ cd ../
$ rm -rf agile-dev

By the way, it was ** 1 minute 8 seconds **, so it was a little over 5 minutes in total.

Runtime result log

I will paste it for reference.

Development-deploy

macbook-pro:~ ohbarye$ date
Wednesday, April 29, 2015 15:40:49 JST
macbook-pro:~ ohbarye$ mkdir agile-dev
macbook-pro:~ ohbarye$ cd agile-dev
macbook-pro:agile-dev ohbarye$ git init
Initialized empty Git repository in /Users/ohbarye/dev/~/agile-dev/.git/
macbook-pro:agile-dev ohbarye$ pyenv virtualenv 2.7.9 agile-dev
New python executable in /Users/ohbarye/.pyenv/versions/agile-dev/bin/python2.7
Also creating executable in /Users/ohbarye/.pyenv/versions/agile-dev/bin/python
Installing setuptools, pip...done.
Ignoring indexes: https://pypi.python.org/simple/
Requirement already satisfied (use --upgrade to upgrade): setuptools in /Users/ohbarye/.pyenv/versions/agile-dev/lib/python2.7/site-packages
Requirement already satisfied (use --upgrade to upgrade): pip in /Users/ohbarye/.pyenv/versions/agile-dev/lib/python2.7/site-packages
Cleaning up...
macbook-pro:agile-dev ohbarye$ pyenv local agile-dev
macbook-pro:agile-dev ohbarye$ pip install bottle
Collecting bottle
  Using cached bottle-0.12.8.tar.gz
Installing collected packages: bottle
  Running setup.py install for bottle
Successfully installed bottle-0.12.8
macbook-pro:agile-dev ohbarye$ vim app.py
macbook-pro:agile-dev ohbarye$ pip freeze > requirements.txt
macbook-pro:agile-dev ohbarye$ echo web: python app.py > Procfile
macbook-pro:agile-dev ohbarye$ git add .
macbook-pro:agile-dev ohbarye$ git commit -m "initial commit"
[master (root-commit) f213a06] initial commit
 4 files changed, 11 insertions(+)
 create mode 100644 .python-version
 create mode 100644 Procfile
 create mode 100644 app.py
 create mode 100644 requirements.txt
macbook-pro:agile-dev ohbarye$ heroku apps:create agile-dev
Creating agile-dev... done, stack is cedar-14
https://agile-dev.herokuapp.com/ | https://git.heroku.com/agile-dev.git
Git remote heroku added
macbook-pro:agile-dev ohbarye$ git push heroku master
Counting objects: 6, done.
Delta compression using up to 8 threads.
Compressing objects: 100% (3/3), done.
Writing objects: 100% (6/6), 518 bytes | 0 bytes/s, done.
Total 6 (delta 0), reused 0 (delta 0)
remote: Compressing source files... done.
remote: Building source:
remote: 
remote: -----> Python app detected
remote: -----> Installing runtime (python-2.7.9)
remote: -----> Installing dependencies with pip
remote:        Collecting bottle==0.12.8 (from -r requirements.txt (line 1))
remote:          Downloading bottle-0.12.8.tar.gz (69kB)
remote:        Installing collected packages: bottle
remote:          Running setup.py install for bottle
remote:            changing mode of build/scripts-2.7/bottle.py from 600 to 755
remote:            changing mode of /app/.heroku/python/bin/bottle.py to 755
remote:        Successfully installed bottle-0.12.8
remote: 
remote: -----> Discovering process types
remote:        Procfile declares types -> web
remote: 
remote: -----> Compressing... done, 35.1MB
remote: -----> Launching... done, v3
remote:        https://agile-dev.herokuapp.com/ deployed to Heroku
remote: 
remote: Verifying deploy... done.
To https://git.heroku.com/agile-dev.git
 * [new branch]      master -> master
macbook-pro:agile-dev ohbarye$ open https://agile-dev.herokuapp.com/
macbook-pro:agile-dev ohbarye$ date
Wednesday, April 29, 2015 15:44:43 JST
macbook-pro:agile-dev ohbarye$ 

Clean up

macbook-pro:agile-dev ohbarye$ date
Wednesday, April 29, 2015 15:49:11 JST
macbook-pro:agile-dev ohbarye$ heroku apps:destroy --app agile-dev --confirm agile-dev
Destroying agile-dev (including all add-ons)... done
macbook-pro:agile-dev ohbarye$ pyenv uninstall agile-dev
pyenv: remove /Users/ohbarye/.pyenv/versions/agile-dev? y
macbook-pro:agile-dev ohbarye$ cd ../
macbook-pro:~ ohbarye$ rm -rf agile-dev/
macbook-pro:~ ohbarye$ date
Wednesday, April 29, 2015 15:50:19 JST
macbook-pro:~ ohbarye$