A simple and interesting Framework7 hybrid app.With Cordova you can easily convert it to native iOS app.

HiApp is also written in React Native. BelinChung/react-native-hiapp

Unlike Cordova, React Native provides bindings for native UI controls which totally outclass HTML-based hybrid solutions. so it is simple to write high-performance UI by React Native.

HiApp use different build tools to build the same project, Hope it will helps you select a suitable build tool.

• f7-vue-webpack at origin/master
• f7-webpack at origin/f7-webpack
• fis3 at origin/fis3

• cordova ^8.0.0
• framework7 ^2.0.7
• framework7-vue ^2.0.7

To build and run apps, you need to install SDKs for each platform you wish to target.
To check if you satisfy requirements for building the platform:

$ cordova requirements

Requirements check results for ios:
Apple OS X: installed darwin
Xcode: installed 9.2
ios-deploy: installed 1.9.2
CocoaPods: installed

HiApp use npm to manage third-party packages now.

Then install all dependencies, in repo's root:

$ npm install 

Install the cordova as globally.

$ npm install cordova -g

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 Cordova app directory should not already exist, so check out the HiApp source code in this step.

$ cd hiapp  
$ git init   
$ git remote add origin https://github.com/BelinChung/HiApp.git  
$ git fetch  
$ git reset --hard origin/master  

Before you can build the project, you need to specify a set of target platforms.

$ cordova platform add ios --save

You need to add plugins that provide access to core Cordova APIs.

$ cordova plugin add cordova-plugin-whitelist cordova-plugin-statusbar 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:

$ npm run build
$ cordova build ios

Double-click to open the platforms/ios/HiApp.xcodeproj file

Press the Run button to deploy the application in the emulator or iOS device

HiApp use webpack browser sync server to develop, Just run it in repo's root:

$ npm run dev

Web app will be available on http://localhost:3000/

$ npm run build

The result is available in www/ folder.

https://hi.dearb.me/

Copyright (c) 2016 - 2018 Belin Chung. MIT Licensed, see LICENSE for details.