Category Archives: Ionic

Upgrading to Ionic 2.0.0-rc.4

If you are having problems installing Ionic 2.0.0-rc.4 you may want to check out this issue.  I had problems myself and could only get everything working by uninstalling cordova as well as Ionic.  So the commands I ran were:

npm uninstall -g cordova
npm uninstall -g ionic
sudo npm install -g cordova ionic

 

All works fine now….

 

 



I’m a mobile applications developer based in the UK, concentrating primarily on hybrid application development with Ionic but also with native development skills. Please visit www.crossplatformsolutions.co.uk for more information about me and how I may be able to help you with mobile application development, particularly with Ionic but also with other mobile frameworks and technologies.  Thanks for visiting.

 

Ionic and Azure

I’m building an Ionic application at the moment using the very latest version of the framework (RC0) and one of the problems I encountered was how to include and reference the Azure Javascript SDK so that my app could use an Azure back-end.

I had some problems with this initially but finally got it to work in the end.  Two things came to my rescue.

Firstly, just at the time I was struggling with this, the Ionic team published an article “Using 3rd Party Libraries”.  This was a great help and I urge you to check it out of you are having any difficulties in using 3rd party libraries with Ionic 2.

Following that article I knew that all I had to do to use the library  was run the following command from the CLI:

npm install azure-mobile-apps-client –save

and then add:

declare module ‘azure-mobile-apps-client’;

to my declarations.d.ts file (as there was no Typings file available for the library)

I then had some problems trying to reference the library and use it within my application. Although I was working at the weekend, I reached out to Ionic’s Dan Bucholtz via twitter, expecting that maybe on the Monday I might get a reply.  That was to underestimate Super Dan and within minutes he was helping me out (thanks Dan).  Finally I managed to get things working.  And it was all very simple.

In my components/services I now have:

import azureMobileClient from ‘azure-mobile-apps-client’;

and in their constructor:

this.client = new azureMobileClient.MobileServiceClient(azureURL);
this.table = this.client.getTable(tableName);

and it now all works swimmingly well !  🙂

 

 

 

 

 

 

 

 

 

Firstly thanks to this timely article from the Ionic Framework team about using 3rd party libraries and secondly thanks to some help from Dan Bucholtz

 



I’m a mobile applications developer based in the UK, concentrating primarily on hybrid application development with Ionic but also with native development skills. Please visit www.crossplatformsolutions.co.uk for more information about me and how I may be able to help you with mobile application development, particularly with Ionic but also with other mobile frameworks and technologies.  Thanks for visiting.

Developing mobile Applications for the Salesforce platfom

aa

 

For the last three months I have been lucky enough to be working with the team at MobileCaddy developing mobile applications for the Salesforce platform. MobileCaddy have created their own framework/methodology and toolset that enables you to mobilise Salesforce data in a hybrid cross-platform application using the Ionic Framework.

I had no prior knowledge of the Salesforce platform prior to this contract so there was an eye opening period of Salesforce Platform “on-boarding” when I started. I was amazed at just how vast the Salesforce platform is – I had always thought of it as just another CRM system. If you have experience of Salesforce yourself you’d know how far that is from the truth.

There is a mobile application available from Salesforce called Salesforce 1 which allows customers to access their data via mobile devices. However, there are serious limitations to how it works and the functionality it provides – in particular the ability to work on your data off-line in a robust, secure and scalable way. MobileCaddy’s toolset tackles these limitations head-on and solves them.

What I love about the MobileCaddy solution is that as a developer, you get a lot of highly valuable and highly functional code straight out of the box – leaving you to concentrate on the UI and the business logic. Their starter templates come pre-built with off-line sync services, and a utilities library allowing you to easily make API calls to your Salesforce data – safe in the knowledge that if you are off line it will work, if you are on-line it will work and if you are moving between off-line and on-line mode it will work. It just works!
Using the API is simple and elegant and that’s what I love about the MobileCaddy framework.

One of the applications that I have built with MobileCaddy is a Food Ordering proof of concept application that Justin Halfpenny, co-founder of MobileCaddy talks about here.

It’s been a great learning curve for me, working with MobileCaddy and using their framework.  Their team are incredibly knowledgable about the Salesforce platform and in particular the challenges posed by mobilising your data.  If you are a Salesforce customer and are looking at mobilising your data but are unsure how to go about it, I highly recommend that you contact the MobileCaddy team and ask them to talk to you about their product set.

Ionic 2 Blueprints

A few months ago Packt publishing contacted me to ask if I could be the Technical Reviewer for a new Ionic book. I was delighted to accept and over the next few weeks I was able to review the chapters as they became available.  The author, Indermohan Singh, did a fantastic job with the book. As I read through each chapter I could see how much time and effort he had put into it. I realised how hard it must be to write  a book of this type.
Indermohan has written a far better book than I would ever have managed.

3739os_5467_ionic-2-blueprints

The book, Ionic 2 Blueprints, was published last week and I was delighted to receive my complimentary copy yesterday.

ion-view title not appearing

I haven’t been blogging much recently because I intended this blog to be all about Ionic and for the last month or so I’ve been working on a contract doing some Ionic 1 development (an interesting experience having been working with Ionic 2 for 8 months or so).

Anyway, my Ionic 1 app was driving me crazy for a couple of hours yesterday as I found that my view title was not displaying correctly.  I had this in my templates:

 

<ion-view title=" {{ categoryName }}">

 <ion-content>
What I needed was this (ion-nav-title) :
<ion-view>
    <ion-nav-title>{{ categoryName }}</ion-nav-title>
    <ion-content>

 

The former works some of the time but sometimes fails.  The latter method seems to work all of the time.

I expect this is a well known thing but in case someone has the same problem and comes looking, I thought I’d post the solution.

 


I’m a mobile applications developer based in the UK, concentrating primarily on hybrid application development with Ionic but also with native development skills. Please visit www.crossplatformsolutions.co.uk for more information about me and how I may be able to help you with mobile application development, particularly with Ionic but also with other mobile frameworks and technologies.  Thanks for visiting.