Hubinga makes it easy to build a HTML5 + JavaScript app and publish it to the Hubinga App Gallery.

• Step 0: Connect GitHub

  GitHub is used for automatically syncing apps you build to your Hubinga account, from there you will be able to publish them to the App Gallery

• GitHub
  Connect
  Gets:  Contacts

• Step 1: Build Your App

  • Create a new repo on your local machine

    (for help with this, checkout GitHub's excellent doc)

  • Add an index.html file

    For now, just put something simple in there to make sure everything is working:

    <html>
      <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
        <script src="js/config.js" type="text/javascript"></script>
        <script type="text/javascript">
          $(function() {
            $.getJSON(baseUrl + '/Me/photo', {limit:10}, function(photos) {
              for(var i in photos) {
                $('body').append('<img src="' + photos[i].url + '">)
              }
            });
          });
        </script>
      </head>
      <body>
      </body>
    </html>

  • Add a js/config.js

    This enables you to connect your app to Hubinga via your API token while developing on your local machine.

    baseUrl = 'http://api.hubinga.com/<apikey>';

  • Open index.html in a browser (it works!)

• Step 2: Prepare to publish

  • Add a package.json file

  • Push to GitHub:

    git push origin master

• Step 3: Publish your app to the Hubinga App Gallery!