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
- Introducing the cloud compiler
- Using the CocoonJS launcher
- CocoonJS overall architecture
- Remote debug on canvas+ and webview+
- The cocoonjs command-line interface
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:
- Login to cloud compiler /Sign in to cloud compiler
- Use the CocoonJS cloud compiler
- Compile using the cordova-compatible compiler
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
- Brief intro to Cocoonjs extensions
- Javascript extensions API
- CocoonJS-Command Line interface
- CocoonJS overall architecture
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.

Comments
Please sign in to leave a comment.