GithubHelp home page GithubHelp logo

cordovarestclient's Introduction

Cordova REST Client

An application using Apache Cordova, Ionic Framework, and Typescript. Currently supporting iOS and Android.

Requirements

  1. node.js
  2. Cordova and Ionic - $ [sudo] npm install -g cordova ionic
  3. TypeScript - $ [sudo] npm install -g typescript
  4. Gulp - $ [sudo] npm install -g gulp
  5. Bower - $ [sudo] npm install -g bower

How to update project

  1. $ [sudo] npm install ionic -g
  2. Change bower.json to latest version: "ionic": "driftyco/ionic-bower#master"
  3. $ bower update
    • Though you may have to use $ sudo bower install
  4. ($ ionic lib update) might also work

Set up

  1. Navigate via the terminal (or cmd) to the root directory
  2. $ [sudo] npm install (Installs dependencies)
  3. $ ionic state reset (Removes all plugins, if any, and re-adds them. Grabs list from package.json)
  4. $ gulp tsc (Compiles typescript)
  5. $ ionic serve [--lab] (Serves app in a node instance)

Architecture

  • The architecture of this template is a modified MVC framework. All application code is contained in the /www/app folder.
  • Models are placed in a models folder (e.g. /www/app/models/).
  • Views and Controllers are placed in their own folder together (e.g. /www/app/playlist/).
  • Services are placed in the common folder (e.g. /www/app/common/).
  • Main app views, models, and controller are just placed in the /www/app/ folder (e.g. /www/app/app-controller.ts).

Extras

  • When adding a plugin, make sure to use ionic plugin add <plugin> rather than cordova plugin add <plugin> in order to ensure that the plugin is added to the package.json.
  • To add a plugin without saving it to the package.json, add the --nosave argument to the add plugin command (e.g. $ ionic plugin add <plugin> --nosave )
  • Install tsd
    • $[sudo] npm install tsd -g
    • Using tsd
      • $ cd www/app
      • $ tsd init(this creates the typings folder and the tsd.json file
    • Installing the packages
      • $ tsd install angular cordova-ionic cordova -ros

Updating npm packages

  1. sudo npm install –g npm-check-updates - installs npm-check-updates package
  2. sudo rm –rf node_modules/ - removes the node_modules folder so we can update it.
  3. npm-check-updates –u - updates your package.json with the latest npm packages
  4. sudo npm install - installs latest node packages from your package.json to the newly created node_modules folder.

To-do

In no particular order

  • UI/UX
    • Styling
    • App Icon
    • Splash screen(?)
  • Edit params
  • Edit headers
  • Other types of authentication
  • Auto-complete HTTP headers
  • Copy response output to clipboard
  • Save history

cordovarestclient's People

Contributors

dually8 avatar

Watchers

 avatar  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.