Publishing on the web (Heroku)
Heroku runs your prototype online, the same as it runs on your machine, but available to others at any time. Other similar services are available.
Create an app on Heroku
In the top right click New then Create new app.
Enter a name for your prototype app. App names in Heroku have to be unique across all the users of Heroku. It can be helpful to add your name or organisation to the start of the name to make it unique. For example joelanman-juggling-prototype.
Select Europe for the region - it’s not important but makes your prototype a bit faster.
Click Create app.
Deploy your prototype
- For Deployment method choose GitHub. ‘Deploy’ means publish.
Scroll down and click Connect to GitHub.
In the popup, click Authorize Heroku.
In the repo-name field, click search. You can leave it blank and it will give a list of all your repos.
Click connect on the right of your repo.
Scroll down to the Automatic deploy section and click Enable Automatic Deploys.
Scroll down to the Manual deploy section and click Deploy branch.
Wait for the deploy to finish.
Your prototype will deploy automatically each time you push your code to GitHub (it takes a few minutes each time).
Set a username and password
We need to set a username and password or the Prototype Kit won’t run online. They don’t have to be complicated – it’s just to stop people accidentally coming across your prototype online and mistaking it for a real service.
At the top click the Settings tab.
Click Reveal config vars.
In KEY put the word USERNAME
In VALUE put a username of your choice, click Add.
That will be saved and you can add another KEY and VALUE.
In KEY put the word PASSWORD
In VALUE put a password of your choice, click Add.
In the top right, click Open app to see your prototype online!