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/masterf7-webpack
at origin/f7-webpackfis3
at origin/fis3
- cordova
^9.0.0
- framework7
^4.5.0
- framework7-vue
^4.5.0
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 macOS: installed darwin
Xcode: installed 10.3
ios-deploy: installed 1.9.4
CocoaPods: installed 1.7.5
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
- Using the command
$ cordova run ios
- Using the Xcode
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 serve
Web app will be available on http:https://localhost:3000/
$ npm run build
The result is available in www/
folder.
Copyright (c) 2016 - 2019 Belin Chung. MIT Licensed, see LICENSE for details.