GithubHelp home page GithubHelp logo

hemant19cse / bb10-webworks-framework Goto Github PK

View Code? Open in Web Editor NEW

This project forked from blackberry/bb10-webworks-framework

0.0 2.0 0.0 1.66 MB

The BB10 WebWorks Framework is packaged within an application BAR file to run on a BB10 device (or simulator)

bb10-webworks-framework's Introduction

#BlackBerry 10 WebWorks Framework WebWorks is an application framework and packaging tool that allows a developer to create a standalone BlackBerry application using HTML5/CSS/JavaScript. Web developers can create a device application experience, including AppWorld distribution and monetization to system security policy enforcement, to deep device system and service integration. All using the technologies they are familiar with, leveraging the power of the industry leading web platform being built for BlackBerry 10. This repo contains the code for the BlackBerry 10 WebWorks Framework.

##Prerequisites

  1. Install node[v0.6.10] and npm and add to path.
  2. Install BlackBerry Native SDK.
  3. Install BlackBerry 10 WebWorks SDK.
  4. Install CMake.
  5. [Windows] Add CMake bin to path. i.e.\*Installation Directory\*\bin
  6. [Windows] Add Git bin to PATH. i.e. \*Installation Directory\*\bin

##Setup and Build

  1. git clone https://github.com/blackberry-webworks/BB10-WebWorks-Framework.git
  2. cd BB10-WebWorks-Framework
  3. git checkout master
  4. Configuration:
    • [Mac/Linux] ./configure [from terminal]
    • [Windows] bash configure [from command prompt]
  5. Setup bbndk environment variables: (must be done within each session, prior to jake)
    • [Mac/Linux] source \*BBNDK installation directory\*/bbndk-env.sh
    • [Windows] \*BBNDK installation directory\*\bbndk-env.bat
  6. Webplatform setup:
    Copy the following webplatform files from the latest BlackBerry 10 WebWorks SDK into ./dependencies/webplatform/framework/clientFiles/. For more details on how to install go here.
    • Framework/dependencies/bootstrap/webplatform.js
  7. Run jake or jake build and check that the output folder is created under the "target/zip" subfolder. If on windows, run jake from command prompt.
  8. Run jake test and check that jake runs and completes

##Running Tests

  1. jake test - to run js tests using nodejs
  2. jake native-test - to run native unit tests
    1. To setup run jake upload-ssh-key[,] eg. jake upload-ssh-key[169.254.0.1,~/.ssh/id_rsa.pub]
    2. To run the tests use jake native-test[,] eg. jake native-test[device,169.254.0.1]
  3. jake deploy-tests - builds the Framework, creates, packages and deploys Functional test app
    To run the tests use jake deploy-tests[<pathToPackager>,<packageroptions>,<device|simulator>,<device ip>,<device password>]
    eg: jake deploy-tests[/Users/jheifetz/Downloads/BB10webworks-next-42/,-d,device,169.254.0.1,qaqa]

    Note: To see a full list of commands available with jake, use jake -T.

##Common issues

Cloning into dependencies/webplatform... error: Couldn't resolve host 'github.rim.net' while accessing
http://github.rim.net/webworks/webplatform.git/info/refs

Solution: This error can be ignored, but please see the "Setup and Build" - "Webplatform setup:" section above for instructions on copying the necessary webplatform files.

##Dependencies

  1. cpplint is used for linting Cpp code. Source code is located under dependencies/cpplint
  2. JNEXT 1.0.8.3 is used to build extensions. Original source of JNEXT was downloaded from here - http://jnext.googlecode.com/files/jnext-src-1.0.8.3.zip Modifications are available in source code and located udner dependencies/jnext_1_0_8_3

Authors

General Architecture

Controller is initialized as the index.html which can be found dependencies/bootstrap/index.html. This forms the entry point for the Framework. The controller lib/framework.js goes on to create the client webview which load application content which can be required from lib/webview.js The framework.js also creates an Overlay Webview to show dialogs and context menus which can be required from lib/overlayWebView.js The Controller WebView is initialized as an object lib/controllerWebView.js and can be required from there.

  • dependencies
    • bootstrap – contains the bootstrap code.
    • require – our own implementation of require
    • Contains other dependencies like jsonCpp, cpplint, gmock, jnext, csslint, jasmine.
  • ext - contains all the extensions
    • push ( illustrates the structure through one extension)
      • index.js – Controller loads this part of the API ( lib/controllerWebview.js)
      • client.js – Client facing push extension, loads in the client webview. (lib/webview.js)
      • manifest.json – metadata for the extension
      • native contains all the native code for the jnext extension.
        • unitTests – contains all the unit tests code using Gmock and Gtest
  • test
    • functional – test app spec using jasmine browser tests.
    • test-app - test app that is deployed using jake deploy-tests
    • unit – unit tests using jasmine. Keeps the same folder structure as the code.
  • lib
    • config – Config files generated by packager to present config.xml data to the framework.
    • policy – all the whitelist parsing and rules.
    • public – Files that are bundled together to form webworks.js
    • request.js – Routes APIs to correct extension through server.js and plugins/
    • event.js – eventing framework for the client to controller communication.
    • utils.js – several utilities used by the framework

How to build an extension?

Extensions are all under the ext/ folder. An extension must at least contain the following -

  • manifest.json – metadata for the extension.
  • client.js – Front facing API, this is injected into the App's content.
  • index.js – Controller loads this part of the API

If your extension requires native C/C++ code, a native JNEXT extension is needed.

There is sample: https://github.com/blackberry/WebWorks-Community-APIs/tree/master/BB10/TEMPLATE.

For detailed docs please visit https://developer.blackberry.com/html5/documentation/creating_extensions_for_bb10_apps.html

Contributing

To contribute code to this repository you must be signed up as an official contributor.

To add new Samples or make modifications to existing Samples:

  1. Fork the BB10-WebWorks-Framework repository
  2. Make the changes/additions to your fork
  3. Send a pull request from your fork back to the BB10-WebWorks-Framework repository
  4. If you made changes to code which you own, send a message via github messages to one of the Committers listed below to have your code merged.

Committers

Other related Repos

bb10-webworks-framework's People

Contributors

adrianlee avatar ejzn avatar ericleili avatar gtanner avatar haahmad avatar mdandrea avatar ndaversa avatar nukulb avatar ronalag avatar rwmtse avatar sleroux avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.