Skip to content
electronic max edited this page Mar 1, 2012 · 28 revisions

Webbox Client Documentation

This documentation walks you through setting up a Webbox and a Chrome browser with a set of example Webbox applications ("lenses") and utilities.

Step one: Get the server

The first thing you should do is set up a Webbox server. Follow the instructions here:

https://github.com/danielsmith-eu/webbox/wiki

The rest of this document pertains to the WebBox Client for Chrome, which is currently the only supported client for Webbox. (Pure HTML5 and Safari, Firefox, and IE support are on the roadmap.)

Step two: Set up Webbox for Chrome

Grab it from the repository

  1. Clone the webbox client repository, e.g.,

     git clone git://github.com/electronicmax/webbox.git
    
  2. Open your Google Chrome or Chromium browser. Go to the Preferences menu, select Extensions.

  3. Click "Load Unpacked Extension", and navigate to the directory where you cloned the repository

  4. Click on the webbox-chrome folder and click "Choose".

You should notice a small blue box appear in your toolbar this is the Webbox icon.

Set it up

Click on the Webbox icon and click Settings.

In the field marked "Your Webbox", type the URL and port of your WebBox server. For example, if you are merely experimenting with WebBox on your local machine with the default port, type:

   http://localhost:8212

If you get it correct, the URL should say "Server is up and running".

Make sure 4store mode is set Off (this is merely for debugging), and hit Save Settings.

Step three: Check out featured Webbox lenses

Step four: Party with code!

Clone this wiki locally