A simple and interesting Framework7 hybrid app.With PhoneGap you can easily convert it to native iOS app.
HiApp use different build tools to build the same project, Hope it will helps you select a suitable build tool.
gulp & webpack
at origin/masterfis3 & mod.js
at origin/fis3[DEPRECATED] grunt & requireJS
at origin/grunt
- gulp
^3.9.0
- webpack
^1.10.1
- cordova
^5.0.0
- framework7
^1.2.0
HiApp use gulp
and webpack
to build a production versions,
First you need to have gulp
and webpack
which you should install globally.
HiApp also use bower
to manage third-party packages, global install it as same as gulp
and webpack
.
$ npm install -g gulp
$ npm install -g webpack
$ npm install -g bower
Then install all dependencies, in repo's root:
$ npm install
$ bower install
Install the cordova module using npm utility of Node.js.
$ npm install -g cordova
Go to the directory where you maintain your source code, and run a command such as the following:
$ cordova create hiapp com.hiapp.hiapp HiApp
Because the PhoneGap app directory should not already exist, so check out the HiApp source code in this step.
$ cd hiapp
$ git init
$ git remote add origin [email protected]:BelinChung/HiApp.git
$ git pull origin master
$ git reset --hard origin/master
Before you can build the project, you need to specify a set of target platforms.
$ cordova platform add ios
You need to add plugins that provide access to core Cordova APIs.
$ cordova plugin add cordova-plugin-whitelist cordova-plugin-camera cordova-plugin-geolocation cordova-plugin-file-transfer cordova-plugin-inappbrowser cordova-plugin-network-information
Run the following command to iteratively build the project:
$ cordova build ios
Double-click to open the platforms/ios/HiApp.xcodeproj
file
Press the Run
button to deploy the application in the emulator
HiApp use webpack dev server to develop, Just run it in repo's root:
$ gulp build-dev
WebApp will be available on http://localhost:3000/
$ gulp build
The result is available in www/
folder.
Copyright (c) 2014-2015 Belin Chung. MIT Licensed, see LICENSE for details.