Then, answer the rest of the questions, and when it’s all done, you should have a file called my-release-key.keystore created in the keytool directory.
You’ll first be prompted to create a password for the keystore. Keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000
Open your command prompt (administrator mode) and navigate into the folder that contains keytool in your JDK. Let’s generate our private key using the keytool command that comes with the JDK.
Now, we need to sign the unsigned APK and run an alignment utility on it to optimize it and prepare it for the app store.
The command will download an unsigned APK for your app.
Now that we’ve tested our app on the development server and everything is up and running, the next thing to do is to generate an Android Package Kit (APK). Go back to your command prompt and type control c to cancel the server.
From here, you can open your source code on your text editor and add more components or codes. You should be able to see your app by now. This command will open your app on a browser using the development server. Then go back to your command prompt and type Go to your unzipped folder and copy the all the content, then go to your new folder on your desktop, navigate inside and you’ll find a www folder, paste the things you copied from the unzipped folder into the www folder.
But if you want them on separate lines, you can use the button component or list component. In this case, I used a button bar because I want all the links on the same line. Next we’ll drag and drop the button bar component and edit it to have a contact link to Facebook, Email and Phone number. I’m changing my picture width to 50% so that it can leave some space for other components that I’ll be adding. After adding, you can adjust the width and height of the picture to what you want. Add a picture using the upload image button. After dragging, click on it and edit using the panel on the right. picture, name, short bio and contact link.įirst, we’ll drag the image component and drop on our page. Then we’ll go to the components panel and start dragging and dropping the components of our profile i.e. For this tutorial, I’ll rename it to My Profile. On the pages panel, click on the page and rename the title. Twitter, Facebook, Email, Phone number etc.) drag and drop components.įor our personal profile app, we want to have the following components The components panel is what you use to build your app i.e. You can add more pages to your app from the Pages panel. On the left panel, you have Pages and Components.
Open and add following code in app/dashboard/dashboard.page.(For this tutorial, we will be building a simple personal profile app). Open and add following code in app/register/ file: Register Open and add following code in app/login/ file: Login To show the side menu’s hamburger icon using a toggle click button, you have to add it on every page with ion-menu-button directive.
It is used to apply the useful screen transition animation to the navigation.Īlso note that, you supply the main-content to the ion-menu directive and also pass the same id to the ion-router-outlet. We also supply routerDirection and pass the root value to it. The directive is the dynamic path for the associated menu item. Inside the ion-content, we added the ion-list and ion-menu-toggle and added the ngFor loop for showing the ionic pages dynamically in the side bar menu component. Now, define the ion-menu directive with type overlay We have created the dashboard page to the default page hence ppen the file and replace the existing code with the given below code. Let us define the empty path, redirect to functionality within the routes.