Publishing to AppStore

We assume that you have already installed Cordova, Xcode and other requirements specified here.
Extract project to some folder, e.g. ~/MyApp. So that index.html will be in folder ~/MyApp/Application.
Open terminal and move to folder MyApp

cd ~/MyApp

Create new cordova project using this command:

cordova create IOS com.myapp MyApp
# IOS is the folder name
# com.myapp - is reverse domain-style identifier of your application
# MyApp - application name.

Open IOS folder

cd IOS

Add ios platform

cordova platform add ios

Now open file ~/MyApp/Application/config/index.js and uncomment lines to build to IOS folder:

module.exports = {
    build: {
        env: require('./prod.env'),
        //index: path.resolve(__dirname, '../dist/index.html'),
        //assetsRoot: path.resolve(__dirname, '../dist'),
        //index: path.resolve(__dirname, '../../Android/www/index.html'),
        //assetsRoot: path.resolve(__dirname, '../../Android/www'),
        index: path.resolve(__dirname, '../../IOS/www/index.html'),
        assetsRoot: path.resolve(__dirname, '../../IOS/www'),

        ...
    },

Open Application folder and install libs, if you haven't yet:

cd ~/MyApp/Application
npm install

Build project

npm run build

Open IOS folder and build cordova project

cd ../IOS
cordova build

Now you can open created Xcode project at ~/MyApp/IOS/platforms/ios/MayApp.xcodeproj and setup signing, icons etc.

TIP

For creating icon set we recommend you to use Icon Set Creator app from the AppStore. Drag your 1024px x 1024px icon to it and replace current cordova icon set at ~/MyApp/IOS/platforms/ios/MyApp/Images.xcassets/ with generated one.

Connect device, build, archive and send app to AppStore.

You can test published Vue Mobile default app in AppStore by the link.

# Publishing to AppStore

Publishing to AppStore