Site Home  »  Getting Started

Getting Started

Tags:  

This page is a first draft, which will be revised and improved. Please leave us a note on the community page regarding any issue.

"Hello World" - Your First Crossrider App

In the next few minutes we'll show you how to create your first Crossrider App.
At the end of the process you will have 1 native Chrome Extension (.crx), 1 native Firefox Addon (.xpi), and 1 Internet Explorer Crossrider App.

This tutorial assumes you already have a Crossrider account activated. If not, please visit http://crossrider.com and create your account. 

In the dashboard on the right you will see a blue button which says "➔ Create a New App".

Add Name and Description

Type in the name input box: "Hello World", and in the description: "My first Crossrider app"

Click the button "Create Hello World App" 

Add Code

Now we are almost done. Delete the contents of the "App's Code" box and all we have left to do is, write a simple Javascript code: 
$jquery(document).ready(function({
 alert("Hello World")        
});

Save 

As you click the "Save" button, in the background our server will bake for you a fresh new Firefox XPI and Chrome CRX files, and create a new .

Install Your First App

After saving your app you will be redirected to the app page.
Now simply click the "Installation Page" button, and one the new page is loaded, click:

Voila :)
Now the Crossrider Installation widget will detect which browser your are using and will instruct you to download the appropriate installation file.
And that's about it. 

Congratulations !
you have just created your first Crossrider App.
Now checkout our appAPI section and Plugins section to get started by creating really cool apps.


Joey (Guest) 26 - days ago 
There is a mix up of single and double quotes within your simple sample code.

$jquery(document).ready(function() {
alert('Hello World")
});
You are correct.
Thanks for noticing. We will fix this.
Post a comment

Your Name or E-mail ID (mandatory)






 RSS of this page

Written by:   Version:   Last Edited By:   Modified