ionic developer<\/a><\/span>‘s can take a mock of their projects in Ionic Native 3.0 and can use native plugins in the browser. It uses a very simple method to make it easy to provide data from a sensor. It also gives access to native-only API such as HealthKit.<\/p>\nThis means a majority of Ionic apps now can be built entirely in the browser which requires no device or emulator for deploying a project.<\/p>\n
When you use an Ionic Native plugin in the browser, you just need to extend the original plugin class by importing installing and importing the plugin and override the methods as you like to test. A camera plugin is such a plugin which is commonly used in almost every app.<\/p>\n
Ex.
\nAfter installing the plugin<\/p>\n
First import the Camera class<\/p>\n
import { Camera } from \u2018@ionic-native\/camera\u2019<\/p>\n
Then create a class that extends the Camera class<\/p>\n
class CameraTestApp extends Camera{
\ngetPicture(options){
\nreturn new Promise((resolve, reject)=>{
\nresolve(\u201cBase_64_Encoded_Data_Goes_Here\u201d);
\n})
\n}
\n}<\/p>\n
Override the previous Camera class in providers<\/p>\n
providers:[
\n{
\nprovide: Camera,
\nuseClass: CameraTestApp
\n}
\n]<\/p>\n
Above is the example of Camera plugin overriding and testing.
\nUse any plugin form Ionic Native 3.0 or above, import it, provide custom overriding provider.<\/p>\n","protected":false},"excerpt":{"rendered":"
Ionic is a very powerful and highly usable platform for building apps nowadays. Newer versions of ionic platform provide more and more compatibility with current devices. Ionic Native give support over 130 mobile Native SDK plugins that are very useful to build powerful Ionic apps which give full advantage on Native mobile SDKs on iOS, […]<\/p>\n","protected":false},"author":32,"featured_media":886,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12,46],"tags":[74,47,15,14],"yoast_head":"\n
Why use ionic native components to build mobile apps?<\/title>\n<meta name=\"description\" content=\"Ionic Native give support over 130 mobile Native SDK plugins that are very useful to build powerful Ionic apps which give full advantage on Native mobile...\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/openwebsolutions.in\/blog\/why-use-ionic-native-components-to-build-mobile-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why use ionic native components to build mobile apps?\" \/>\n<meta property=\"og:description\" content=\"Ionic Native give support over 130 mobile Native SDK plugins that are very useful to build powerful Ionic apps which give full advantage on Native mobile...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/openwebsolutions.in\/blog\/why-use-ionic-native-components-to-build-mobile-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"Openweb Solutions Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-04T05:38:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-01-04T06:21:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/openwebsolutions.in\/blog\/wp-content\/uploads\/2019\/01\/app-applications-apps-147413-1024x683.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"683\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#website\",\"url\":\"https:\/\/openwebsolutions.in\/blog\/\",\"name\":\"Openweb Solutions Blog\",\"description\":\"Transforming ideas into reality\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/openwebsolutions.in\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/why-use-ionic-native-components-to-build-mobile-apps\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/openwebsolutions.in\/blog\/wp-content\/uploads\/2019\/01\/app-applications-apps-147413.jpg\",\"width\":3000,\"height\":2000,\"caption\":\"ionic app development\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/why-use-ionic-native-components-to-build-mobile-apps\/#webpage\",\"url\":\"https:\/\/openwebsolutions.in\/blog\/why-use-ionic-native-components-to-build-mobile-apps\/\",\"name\":\"Why use ionic native components to build mobile apps?\",\"isPartOf\":{\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/openwebsolutions.in\/blog\/why-use-ionic-native-components-to-build-mobile-apps\/#primaryimage\"},\"datePublished\":\"2019-01-04T05:38:49+00:00\",\"dateModified\":\"2019-01-04T06:21:10+00:00\",\"author\":{\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#\/schema\/person\/094fa2d34b71e8b2c73c005d1bd4c074\"},\"description\":\"Ionic Native give support over 130 mobile Native SDK plugins that are very useful to build powerful Ionic apps which give full advantage on Native mobile...\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/openwebsolutions.in\/blog\/why-use-ionic-native-components-to-build-mobile-apps\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#\/schema\/person\/094fa2d34b71e8b2c73c005d1bd4c074\",\"name\":\"Soumik Hens\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/openwebsolutions.in\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5028fba9f350d268e8a8845b54985006?s=96&r=g\",\"caption\":\"Soumik Hens\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/posts\/820"}],"collection":[{"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/comments?post=820"}],"version-history":[{"count":5,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/posts\/820\/revisions"}],"predecessor-version":[{"id":887,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/posts\/820\/revisions\/887"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/media\/886"}],"wp:attachment":[{"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/media?parent=820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/categories?post=820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openwebsolutions.in\/blog\/wp-json\/wp\/v2\/tags?post=820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}