Building and Publishing an App and Website

Share This Article

One of our full-stack developers led a Lunch & Learn to discuss his experience using Ionic framework in developing a custom hybrid app and website. Hybrid apps are essentially small websites running in a browser shell that have access to the native platform layer and with a native feel.

Hybrid apps are essentially small websites running in a browser shell that have access to the native platform layer and with a native feel.Click to Tweet

In the discussion, he explained that Ionic framework is an HTML5 mobile app development framework targeted at building native-feeling hybrid mobile apps using web technologies like HTML, CSS, and Javascript, including AngularJS. The benefit of using Ionic is that you develop once and deploy on both Android and/or IOS. He also discussed how to use Ionic Creator, an online drag & drop prototyping tool for creating great apps. He described how to use Phonegap to build the app for deployment, and how to use the Ionic export as a website. He also explained how to get a free domain name and hosting, as well as how to get an app in the Amazon and Google Play stores.

Listen to his full presentation here.

The following are helpful notes and tips to help walk you through the process:

Start an account and project at Ionic Creator

Create the app then export the project as a .zip file
Add a config.xml file to the zip

Optional: Create custom files: .css, .js and edit index.html to include them.
Make custom images that the app has a path to
Zip all of those files

Make an account and project at Adobe PhoneGap Build

Upload that .zip file and build an apk

For Google: Create a signed APK.
Download and install the Java Development Kit (JDK)

In a CMD prompt, navigate to the JDK “bin” folder:
C:\Program Files\Java\jdk1.8.0_92\bin
Enter this command to create your Android Keystore file:
keytool -genkey -v -keystore YOUR_TITLE.keystore -alias YOUR_ALIAS -keyalg RSA -keysize 2048 -validity 10000
(edit the two texts first)

Upload that new .keystore file at and unlock it to use it.
Create an Android Keystore File in Windows 7
LiveCode Lesson on creating a self signed certificate for an Android app.

Each subsequent build: unlock the key for one hour with the password, then build.

For free/inexpensive hosting, make an account at AwardSpace

For a free domain, go to Freenom

Set the DNS settings to point to your host.

Create an account at: Amazon Developer Services and Technologies (no cost)

   Small icon 114 x 114px
   Large icon 512 x 512px
   Screenshots: many sizes (i made 1024 x 600px)
   Short description: 1200 characters max
   Long description: 4000 characters max
   Product feature bullets

   Paid each month
   Amazon Underground: $ .01 every 5 minutes of app usage

Create a developer account at: Google Play ($25)

   Title : 30 characters
   Icon 512 x 512px
   Large graphic 1024 x 500px
   Screenshots: many sizes
   Short description: 80 characters max
   Long description: 4000 characters max

   Paid each month (after $1 threshold)

For more information about ionic framework visit the following sites:

View the custom app that was being discussed here.

For help with complex custom mobile app development, contact Unidev. Our experienced developers can build the custom app that your business needs.