Skip to main content

How To Make A Phone Call With Ionic Apps

Share on FacebookTweet about this on TwitterShare on Google+Share on RedditShare on StumbleUponDigg thisFlattr the authorPin on PinterestShare on TumblrShare on LinkedInPrint this pageBuffer this page

In this post i will show you how to make a phone call with ionic framework apps. I will start from scratch but you can use you existing app as well. I will use the side menu project. No plugins are needed for this to work. Also No JavaScript is required as well to make the call.

Note: As this tutorial is for Ionic 1.x apps. As Ionic has evolved to Ionic 2 i have written another tutorial for Dialing a number in Ionic 2 here.

Watch Video Tutorial Of This Post Here:

 

Step 1)

Firstly we will do the usual and create a new ionic project you can work with an existing one, so write the following in the command prompt

 

Step 2)

Now we need to do to prepare a button pressing which we will dial a number.

Make sure that you use this particular format of creating a button to make it work. The thing to note here is that this works with the href attribute so any element that takes the href attribute will work.

Step 3)

Allow access in the config.xml file by adding the following

And that’s it. Now you can dial numbers using your ionic app.

 

FOR USSD CODE:

USSD code has # in it, when you use the normal way as shown above the # is removed. So to have USSD codes you need to encode them, meaning replace every occurrence of # with %23. For USSD code to work instead of using the following

You can use this

 

Note: A thing to note here is that if you are using a hybrid app to make a call using your app when u click the dial button the number will appear “Typed in” the dial pad the user still has to tap the call button in the phone’s dialer.

 

Leave Me Your Questions And Feedback

Getting your feedback inspires me the most so hit me up in the comments here or on the comments section on my YouTube Channel or on twitter @pointDeveloper

 

Consider Subscribing / Donating
Subscribe To Mailing List
Donate
If my site was helpful to you, then please consider donating via paypal:

Prantik Vaghela (pointdeveloper)

Hi my name is Prantik Vaghela. I have done my Bachelors and Masters in Computer Science and am a web developer and now a Tutor through my blog. :-)

%d bloggers like this: