Skip to main content

Signing apk from ionic

This post will show you how to sign your apk manually, from ionic framework for release.
Recently I signed my first apk from ionic and ran into some issues that will be ironed out in this blog.

1. You will need to have the sdk and jdk / jdr tools installed.
2. Have a ionic project with the Android platform installed.

LETS START

You need to build your app using below in the cmd line then move that project-release.apk file into this directory

 ionic build android --release

exampleApp\platforms\android

MAKING THE KEYSTORE

You then need to make the key store in that file and write in all the info. Do not lose the key file and keep a record of the information.
keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000

SIGN THE APK

Now we have to sign the apk
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore HelloWorld-release-unsigned.apk alias_name
now it is signed.

ZIPPING UP

Now zip up the files to create a project.apk find Zip align tool found here(Program Files (x86)\Android\android-sdk\build-tools\21.1.2) might be different for you put it into exampleApp\platforms\android. Then write this in the cli

zipalign -v 4 HelloWorld-release-unsigned.apk HelloWorld.apk

You are finished and now should have a exampleApp.apk file in the platforms android folder

TROUBLE SHOOTING

Some of the cli cmds may not work and for this you need to change your path in
computer>advanced settings> environment variables
 and then find path and add a new and type in the directory path for your key-tool etc this tells the cmd line where to find the exc files etc.

GIT of files I used for this tutorial here


OTHER WAYS

There is other ways of signing apks and here is a list of a few good links. Bear in mind some of these might be old and to find solutions you have to look in the comments.

tutorial by Nic Raboy 




Comments

Anonymous said…
Thank you for sharing this useful information. Nice Post.

Ionic Training in Chennai | Ionic Course in Chennai
20 August 2018 at 02:54

Post a Comment

Popular posts from this blog

Poker chip CSS only checkbox

For this Sunday Funday project, I decided to make a poker chip checkbox out of pure CSS. DEMO The idea is that it will flip on its right edge like when people flip chips between their fingers. This can be improved by using images to get a correct dashed edge or make it more lifelike but this is CSS only. Tutorial 1. The markup We need a container to set the background and the size and width, we need the label to be clickable anywhere, input for the checkbox, top and bottom of the chip. <div class="container"> <label for="chip-checkbox"></label> <input type="checkbox" name="chip" value="1" id="chip-checkbox"> <div class="bottom-side"></div> <div class="top-side"></div> </div> 2. Hide the input input { visibility: hidden; } 3. Set the width and height of the background/container .container { width: 80px; height: 40px; bord
Post a Comment
Read more

8bit Mario with css grids

The point of this task was to get more familiar with css grids. I aimed to use as little divs as possible but I wanted it to be to scale.  You can view it below or on Codepen. See the Pen mario with grids by Mel ( @Mellydevs ) on CodePen . Making Mario As I was making a 8bit character I made a 64 by 64 grid and made each grid size 8px by 8px. This allowed me to make Mario to scale.  NB: I do not own anything to do with Mario I am just a fan :). So after using reference images I managed to make divs turn into Mario by changing their position in the grid and background colour. If you want to learn more about grids I recommend css tricks article on it  or Grid garden which is a game that helps you learn grids. It turned out quite good and I was happy with it. I thought I was done but then.... I thought why not make him do a idle animation, So I looked at some sprite sheets ( whats a sprite sheet? ) Kirby's idle seemed to be the easiest so I chose to t
Post a Comment
Read more

Ionic RSS feed using Feednami

Tutorial of how to make a RSS feed using Feednami which is an alternative to google api which no longer works. This is a basic example and can be improved. First go ahead and make a new ionic project $ npm install -g cordova ionic $ ionic start exampleProject blank Now find index.html and insert... <script src="https://storage.googleapis.com/feednami-static /js/feednami-client-v1.0.1.js"></script> Into the header, then in <ion-content> below Ionic Blank Starter insert a new div <div id ="feed" ng-controller="feedCtrl"> </div> Open app.js, now we are going to make the controller from Feednami that will get our rss feed. .controller('feedCntl', function(){ var url = 'http://daringfireball.net/feeds/articles' feednami.load(url,function(result){ if(result.error){ console.log(result.error) } else{ var entries = result.feed.entries for(var i = 0; i < entri
Post a Comment
Read more