Getting started with CocoonJS

Are you new to CocoonJS? Don't know where to start? We've too many manuals and docs, so lets introduce you this documentation.

CocoonJS Intro

CocoonJS is a cloud service that allows you to create mobile applications using the HTML5 stack: Javascript, HTML5 and CSS3.

You must have an account to use it. Sign up here.

CocoonJS toolbox

CocoonJS provides:

  • The cloud compiler: the remote service to create an app for iOS and/or Android
  • The CocoonJS launcher: An application for testing your developments before the creation of the final app. Only available for iOS and Android
  • Three different execution environments for your apps, depending on your needs: named canvas+, webview+ and system webview.
  • Debug tools for remote debugging, live reload, etc.
  • The Cocoonjs Command Line Interface, if you want to compile on your own workstation

Read more on these topics

Cloud compiler

The cloud compiler is a remote service to create executable applications for your desired mobile OS (iOS and Android between others). To make use of our cloud compiler, you must have a cocoonjs account. You can sign up here.

Once you're a user, you can create your HTML5 projects and compile them with us. Currently we're offering this as a free service.

With your account, you can apply to become a premium user. Premium users can create bigger projects,and also use our custom javascript extensions for monetizing, adding social integration, etc. You can apply to become a premium member here.

The cloud compiler allows you also to create a custom tool for debugging, named Custom CocoonJS launcher. You will find more information below.

Useful links and reads:

CocoonJS execution environments

CocoonJS provides three execution environments:

  • Canvas+ is specially designed to run games and 2D /3D animation. It has limited DOM access, but you gain native performance to your 2D/3D games.
  • System webview provides a complete HTML5 execution environment based in the host mobile's webview.
  • Webview+ is a custom webview exclusive for android 4 and higher. It provides a uniform execution environment for any android device, so CSS and javascript hacks are no longer needed.

If  you need to add more functionality to your app, you can extend your app using:

  • CocoonJS javascript extensions: these are non-standard javascript APIs to add different functionality to your app: In app purchases integration, Ads, facebook, google play games, gamecenter integration, etc. You need to be a premium user to use them. 
  • Cordova plugins: CocoonJS supports cordova plugins in your cocoonjs project. This functionality is compatible with webview+. Support for canvas+ environment is still a work in progress.

Read more on these topics

Debug tools

 CocoonJS also provides some useful tools for developers:

  • Remote debug in either canvas+ or webview+ environments
  • Custom Launcher: some services (like store, ads, social, push notifications) need a customized tool to test the integration of cocoonjs javascript extensions with their projects. This tool avoids the need of doing a compilation for each code change.

Read more on these topics

Found a bug?

You can create a bug report using the template here

Where do I get Help?

We have a bunch of documents in our Help center.

You can contact the community using the community site.

Find us on social media

Our twitter accounts:

  • @ludei is the company account. Almost any content related to the company can be found here
  • @cocoonjs is used for technical announcements, downtimes or other technical stuff. Geeks at the other side.

 

Have more questions? Submit a request

Comments

Please sign in to leave a comment.