Vn Native Framework Version 3 - MEGA APPLICATION

Currently Vn Native Framework using LAZY LOAD, so we can build MEGA WEB, MEGA SOFTWARE, MEGA APP by easy the ways. This is demo for MEGA APPLICATION. As you seen at pages/TaniBooking and TaniWelcome as two Mini Application. I don't know how about your project ? but I sure with LAZY LOAD is no problem. You can easy testing and know about it.

If we need concats source more than one, example it's two source code. Very easy only copy all page at pages. Then insert into main source, make router config at src/router.ts. Done.

Please view more at : https://github.com/steveleetn91/vn-native-3

Video demo: https://www.youtube.com/watch?v=li6HPMnv5QI

How to install ?

Very easy, first you need git clone https://github.com/steveleetn91/vn-native-3.git

Then cd vn-native-3

.Then run npm install

First run or reinstall ?

Copy .env.example

To .env

Run npm link

Run npm run build

If is MacOS sudo chmod -R 777 ./dist

Run npm run build:web

Permission

sudo chmod -R 777 ./bin

How to run web server ?

Only run npm run serve:web

Then you can visit : http://localhost:9000

Or http://your_ip:9000

Production of web platform

First step mkdir -p ./platforms/web/build

Only run npm run build:web

Then go to ./platform/web

Copy and upload to your hosting

Vn Native 3 View

Now we using Mustache library for view engine, so to get advanced please read more at here :
https://github.com/steveleetn91/vnnative3-webview

Windows software development

We use Electron for feature software. First step npm run serve:electron

Windows software production

Install Electron packager npm install --save-dev electron-packager

We use Electron for feature software. First step npm run build:electron-win

Then you can go to platforms/electron/dist

MacOS software development

We use Electron for feature software. First step npm run serve:electron

MacOS software production

Install Electron packager npm install --save-dev electron-packager

We use Electron for feature software. First step npm run build:electron-macos

Then you can go to platforms/electron/dist

How to add android platforms

To add android platform only run. npm run add:android

Android OS development

Video https://www.youtube.com/watch?v=VqENPZfoY1I.

Now I created android project at ./platform/android. So you only need run: npm run development:android

Then run web server. npm run serve:web

Last step open android studio and open project at ./platforms/android. Then run app.

Android OS production

To build android production you need two step, first step run this command line, after if you need upload to Google Play, so please view document android about how to upload to Goog Play ? npm run build:android

You can change config at Android Studio.

iOS platform

We need install ruby gem.
sudo gem install xcodeproj

To add iOS platform npm run add:ios

Development iOS

If this is first run, so you need : npm run build:ios

You need start web serve, after to prepare for development iOS us need : npm run development:ios

Production iOS

To build production us need : npm run build:ios

Plugins dependencies

vnnative3-webview https://github.com/steveleetn91/vnnative3-webview

vnnative3-form https://github.com/steveleetn91/vnnative3-form

vnnative3-location https://github.com/steveleetn91/vnnative3-location

vnnative-3-os https://github.com/steveleetn91/vnnative-3-os

Game ( Phaser )

Install npm i phaser

Full document https://phaser.io/

Issue

Let's give for me a some issue https://github.com/steveleetn91/vn-native-3/issues

Licence

Licence : MIT

steveleetn91 / vnf3-mega