{"id":17926,"date":"2021-10-15T10:55:10","date_gmt":"2021-10-15T13:55:10","guid":{"rendered":"https:\/\/fx2.com.uy\/es\/?p=17926"},"modified":"2021-10-22T09:16:30","modified_gmt":"2021-10-22T12:16:30","slug":"guia-para-creacion-de-plugin-nativo-de-capacitor-para-android","status":"publish","type":"post","link":"https:\/\/fx2.com.uy\/es\/blog\/guia-para-creacion-de-plugin-nativo-de-capacitor-para-android\/","title":{"rendered":"Gu\u00eda para creaci\u00f3n de plugin nativo de Capacitor para Android"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"17926\" class=\"elementor elementor-17926\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1832193 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1832193\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-db8df35\" data-id=\"db8df35\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9403191 elementor-widget elementor-widget-text-editor\" data-id=\"9403191\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><p><em>Por<a href=\"https:\/\/www.linkedin.com\/in\/miguel-merelli-6931a6106\/\"> Miguel Merelli<\/a>, Desarrollador FrontEnd en Fx2<\/em><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef97485 elementor-widget elementor-widget-text-editor\" data-id=\"ef97485\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><p><span class=\"TextRun SCXW246494671 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW246494671 BCX0\">Previamente comentamos sobre\u00a0<\/span><\/span><a href=\"https:\/\/fx2.com.uy\/es\/blog\/ionic-framework-para-el-desarrollo-de-aplicaciones-moviles-hibridas\/\"><span class=\"TextRun Underlined SCXW246494671 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW246494671 BCX0\">IONIC y algunas de las ventajas<\/span><\/span><\/a><span class=\"TextRun SCXW246494671 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"> <span class=\"NormalTextRun SCXW246494671 BCX0\">que nos motivan a\u00a0<\/span><span class=\"NormalTextRun SCXW246494671 BCX0\">elegirlo<\/span><span class=\"NormalTextRun SCXW246494671 BCX0\">\u00a0<\/span><span class=\"NormalTextRun SCXW246494671 BCX0\">para\u00a0<\/span><span class=\"NormalTextRun SCXW246494671 BCX0\">plataforma para desarrollo de aplicaciones m\u00f3viles y\u00a0<\/span><span class=\"NormalTextRun SCXW246494671 BCX0\">aplicaciones hibridas.<\/span><\/span><span class=\"EOP SCXW246494671 BCX0\" data-ccp-props=\"{\">\u00a0<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bda8d8 elementor-widget elementor-widget-text-editor\" data-id=\"2bda8d8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><p><span data-contrast=\"none\">El prop\u00f3sito del siguiente\u00a0post\u00a0es\u00a0brindarles una\u00a0gu\u00eda b\u00e1sica\u00a0para crear un\u00a0plugin\u00a0de\u00a0<\/span><b><span data-contrast=\"none\">Capacitor para\u00a0Ionic<\/span><\/b><span data-contrast=\"none\">, en el cual, por el momento,\u00a0solo contemplar\u00e9\u00a0<\/span><b><span data-contrast=\"none\">Android.<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">Indagar y conocer sobre este tema\u00a0me\u00a0ha\u00a0llevado\u00a0varios d\u00edas de\u00a0investigaci\u00f3n, ya\u00a0que gran parte de lo que\u00a0encontraba\u00a0ya era obsoleto, es una tecnolog\u00eda que est\u00e1 actualiz\u00e1ndose constantemente.<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">De esta manera, espero que el siguiente post ayude a personas que quieran\u00a0crear un\u00a0pluing\u00a0en Capacitor y no sepan c\u00f3mo comenzar.\u00a0El ejemplo\u00a0que les compartir\u00e9\u00a0fue\u00a0probado\u00a0y puesto en pr\u00e1ctica en setiembre del 2021, por lo que es garant\u00eda de que funciona.<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d03fca6 elementor-widget elementor-widget-spacer\" data-id=\"d03fca6\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2a9963 elementor-widget elementor-widget-text-editor\" data-id=\"a2a9963\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><span class=\"TextRun SCXW102863894 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW102863894 BCX0\" data-ccp-parastyle=\"Subtitle\">Comandos varios comunes<\/span><span class=\"NormalTextRun SCXW102863894 BCX0\" data-ccp-parastyle=\"Subtitle\">\u00a0<\/span><span class=\"NormalTextRun SpellingErrorV2 SCXW102863894 BCX0\" data-ccp-parastyle=\"Subtitle\">Ionic<\/span><\/span><span class=\"EOP SCXW102863894 BCX0\" data-ccp-props=\"{\">\u00a0<\/span><\/h3><p><span class=\"TextRun SCXW176089323 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW176089323 BCX0\">Recopilaci\u00f3n de algunos de los comando<\/span><span class=\"NormalTextRun SCXW176089323 BCX0\">s<\/span><span class=\"NormalTextRun SCXW176089323 BCX0\">\u00a0m\u00e1s usados en<\/span><span class=\"NormalTextRun SCXW176089323 BCX0\">\u00a0<\/span><span class=\"NormalTextRun SpellingErrorV2 SCXW176089323 BCX0\">ionic<\/span><span class=\"NormalTextRun SCXW176089323 BCX0\">\u00a0y otros que pueden ser de utilidad<\/span><span class=\"NormalTextRun SCXW176089323 BCX0\">.<\/span><\/span><span class=\"EOP SCXW176089323 BCX0\" data-ccp-props=\"{\">\u00a0<\/span><\/p><table style=\"font-weight: 400;\" data-tablestyle=\"MsoTableGrid\" data-tablelook=\"1184\" aria-rowcount=\"8\"><tbody><tr aria-rowindex=\"1\"><td data-celllook=\"69905\"><p><b><span data-contrast=\"none\">\u00a0\u00a0<\/span><\/b><b><span data-contrast=\"none\">npm\u00a0init\u00a0@capacitor\/plugin<\/span><\/b><\/p><\/td><td data-celllook=\"4369\"><p><span data-contrast=\"none\">Crea un plugin capacitor base<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><\/tr><tr aria-rowindex=\"2\"><td data-celllook=\"69905\"><p><b><span data-contrast=\"none\">\u00a0\u00a0<\/span><\/b><b><span data-contrast=\"none\">npm\u00a0install<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><td data-celllook=\"4369\"><p><span data-contrast=\"none\">Instala las dependencias del\u00a0package.json<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><\/tr><tr aria-rowindex=\"3\"><td data-celllook=\"4369\"><p><b><span data-contrast=\"none\">\u00a0\u00a0<\/span><\/b><b><span data-contrast=\"none\">npm\u00a0run\u00a0build<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><td data-celllook=\"4369\"><p><span data-contrast=\"none\">Genera el\u00a0plugin importable<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><\/tr><tr aria-rowindex=\"4\"><td data-celllook=\"4369\"><p><b><span data-contrast=\"none\">\u00a0\u00a0ionic\u00a0start\u00a0\u00a0myApp<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><td data-celllook=\"4369\"><p><span data-contrast=\"none\">Genera un proyecto App nuevo<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><\/tr><tr aria-rowindex=\"5\"><td data-celllook=\"4369\"><p><b><span data-contrast=\"none\">\u00a0\u00a0ionic\u00a0build<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><td data-celllook=\"4369\"><p><span data-contrast=\"none\">Genera\/actualiza\u00a0la plataforma\u00a0www<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><\/tr><tr aria-rowindex=\"6\"><td data-celllook=\"4369\"><p><b><span data-contrast=\"none\">\u00a0\u00a0ionic\u00a0cap\u00a0add\u00a0android<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><td data-celllook=\"4369\"><p><span data-contrast=\"none\">Genera la plataforma\u00a0android<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><\/tr><tr aria-rowindex=\"7\"><td data-celllook=\"4369\"><p><b><span data-contrast=\"none\">\u00a0\u00a0ionic\u00a0cap\u00a0open\u00a0android<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><td data-celllook=\"4369\"><p><span data-contrast=\"none\">Abre el proyecto de\u00a0android\u00a0con\u00a0Android\u00a0Studio<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><\/tr><tr aria-rowindex=\"8\"><td data-celllook=\"4369\"><p><b><span data-contrast=\"none\">\u00a0\u00a0ionic\u00a0cap\u00a0sync<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><td data-celllook=\"4369\"><p><span data-contrast=\"none\">Sincroniza el proyecto de\u00a0ionic\u00a0con\u00a0la\u00a0app\u00a0Nativa<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/td><\/tr><\/tbody><\/table><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82dfb3f elementor-widget elementor-widget-text-editor\" data-id=\"82dfb3f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><span class=\"TextRun SCXW13674614 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW13674614 BCX0\" data-ccp-parastyle=\"Subtitle\">Crear proyecto\u00a0<\/span><span class=\"NormalTextRun SpellingErrorV2 SCXW13674614 BCX0\" data-ccp-parastyle=\"Subtitle\">ionic<\/span><\/span><span class=\"EOP SCXW13674614 BCX0\" data-ccp-props=\"{\">\u00a0<\/span><\/h3><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebef974 elementor-widget elementor-widget-text-editor\" data-id=\"ebef974\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><p><span data-contrast=\"none\">Crear un proyecto\u00a0ionic, esta\u00a0app\u00a0va a consumir el\u00a0plugin que crearemos.<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-ccp-props=\"{\"> <img loading=\"lazy\" class=\"alignnone wp-image-17929 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/b1ed4171-19cb-4cf4-a809-3b81997fbe9d.jpg\" alt=\"\" width=\"559\" height=\"60\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/b1ed4171-19cb-4cf4-a809-3b81997fbe9d.jpg 559w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/b1ed4171-19cb-4cf4-a809-3b81997fbe9d-300x32.jpg 300w\" sizes=\"(max-width: 559px) 100vw, 559px\" \/><\/span><\/p><p><span style=\"color: #333300;\"><img loading=\"lazy\" class=\"alignnone wp-image-17930 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/b1ed4171-19cb-4cf4-a809-3b81997fbe9d-1.jpg\" alt=\"\" width=\"554\" height=\"152\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/b1ed4171-19cb-4cf4-a809-3b81997fbe9d-1.jpg 554w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/b1ed4171-19cb-4cf4-a809-3b81997fbe9d-1-300x82.jpg 300w\" sizes=\"(max-width: 554px) 100vw, 554px\" \/><\/span><\/p><p><span data-contrast=\"none\">Luego de crear el proyecto,\u00a0entrar a la carpeta de la\u00a0App\u00a0<\/span><b><span data-contrast=\"none\">\u00a0cd\u00a0exampleApp<\/span><\/b><span data-contrast=\"none\">\u00a0y\u00a0levantar en\u00a0el browser local ejecutando\u00a0<\/span><b><span data-contrast=\"none\">ionic\u00a0serve<\/span><\/b><span data-contrast=\"none\">\u00a0<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">Si no hay ning\u00fan error, se debe abrir una pesta\u00f1a del navegador con la App as\u00ed:<\/span>\u00a0<br \/><span data-ccp-props=\"{\"><img loading=\"lazy\" class=\"alignnone wp-image-17933 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4.jpg\" alt=\"\" width=\"558\" height=\"429\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4.jpg 558w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-300x231.jpg 300w\" sizes=\"(max-width: 558px) 100vw, 558px\" \/>\u00a0<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">Luego lo matamos para continuar\u00a0<\/span><b><span data-contrast=\"none\">\u00a0\u00a0Ctrl\u00a0+ C<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d81e20a elementor-widget elementor-widget-text-editor\" data-id=\"d81e20a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><span class=\"TextRun SCXW61548015 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW61548015 BCX0\" data-ccp-parastyle=\"Subtitle\">Crear plugin\u00a0<\/span><span class=\"NormalTextRun SCXW61548015 BCX0\" data-ccp-parastyle=\"Subtitle\">base\u00a0<\/span><span class=\"NormalTextRun SCXW61548015 BCX0\" data-ccp-parastyle=\"Subtitle\">capacitor<\/span><\/span><span class=\"EOP SCXW61548015 BCX0\" data-ccp-props=\"{\">\u00a0<\/span><\/h3><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f39f0c elementor-widget elementor-widget-text-editor\" data-id=\"0f39f0c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><p><span data-contrast=\"none\">Ahora creamos el plugin\u00a0base\u00a0para Capacitor\u00a0para que muestre una pantalla\u00a0con pasaje de par\u00e1metros.\u00a0<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">Parados en la carpeta base (al lado de la\u00a0App) ejecutamos el siguiente comando en la terminal:<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17937 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-1.jpg\" alt=\"\" width=\"561\" height=\"57\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-1.jpg 561w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-1-300x30.jpg 300w\" sizes=\"(max-width: 561px) 100vw, 561px\" \/><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17938 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-2.jpg\" alt=\"\" width=\"547\" height=\"216\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-2.jpg 547w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-2-300x118.jpg 300w\" sizes=\"(max-width: 547px) 100vw, 547px\" \/><\/p><p><span class=\"TextRun SCXW46760333 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW46760333 BCX0\">Nos va a hacer una serie de preguntas como nombre en NPM y la url del repo.<\/span><\/span><span class=\"LineBreakBlob BlobObject DragDrop SCXW46760333 BCX0\"><span class=\"SCXW46760333 BCX0\">\u00a0<\/span><br class=\"SCXW46760333 BCX0\" \/><\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6446fe elementor-widget elementor-widget-text-editor\" data-id=\"a6446fe\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><p><span class=\"TextRun SCXW67263977 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW67263977 BCX0\">Como debe quedar tras\u00a0<\/span><span class=\"NormalTextRun SCXW67263977 BCX0\">la creaci\u00f3n del plugin<\/span><\/span><span class=\"EOP SCXW67263977 BCX0\" data-ccp-props=\"{\">\u00a0<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a65a03 elementor-widget elementor-widget-text-editor\" data-id=\"0a65a03\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><p><img loading=\"lazy\" class=\"alignnone wp-image-17939 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-3.jpg\" alt=\"\" width=\"561\" height=\"97\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-3.jpg 561w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-3-300x52.jpg 300w\" sizes=\"(max-width: 561px) 100vw, 561px\" \/><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09fd729 elementor-widget elementor-widget-text-editor\" data-id=\"09fd729\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><span class=\"TextRun SCXW144371452 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW144371452 BCX0\" data-ccp-parastyle=\"Subtitle\">Instalaci\u00f3n de dependencias<\/span><\/span><\/h3><p><span data-contrast=\"none\">Entramos a la carpeta del\u00a0plugin\u00a0<\/span><b><span data-contrast=\"none\">\u00a0cd\u00a0example-capacitor<\/span><\/b><i><span data-contrast=\"none\">\u00a0\u00a0<\/span><\/i><span data-contrast=\"none\">e\u00a0instalamos las dependencias\u00a0con\u00a0<\/span><b><span data-contrast=\"none\">\u00a0<\/span><\/b><b><span data-contrast=\"none\">\u00a0npm\u00a0install<\/span><\/b><\/p><p><span data-contrast=\"none\">Dentro del .\/<\/span><b><span data-contrast=\"none\">src<\/span><\/b><span data-contrast=\"none\">\u00a0tenemos 3\u00a0<\/span><b><span data-contrast=\"none\">.ts<\/span><\/b><span data-contrast=\"none\">\u00a0importantes:\u00a0<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><ul><li data-leveltext=\"-\" data-font=\"Segoe UI\" data-listid=\"2\" aria-setsize=\"-1\" data-aria-posinset=\"0\" data-aria-level=\"1\"><b><span data-contrast=\"none\">definitions.ts<\/span><\/b><span data-contrast=\"none\">: Se colocan las definiciones de los m\u00e9todos a utilizar en el plugin<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/li><\/ul><ul><li data-leveltext=\"-\" data-font=\"Segoe UI\" data-listid=\"2\" aria-setsize=\"-1\" data-aria-posinset=\"0\" data-aria-level=\"1\"><b><span data-contrast=\"none\">index.ts<\/span><\/b><span data-contrast=\"none\">:\u00a0No se toca<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/li><li data-leveltext=\"-\" data-font=\"Segoe UI\" data-listid=\"2\" aria-setsize=\"-1\" data-aria-posinset=\"0\" data-aria-level=\"1\"><b><span data-contrast=\"none\">web.ts<\/span><\/b><span data-contrast=\"none\">: Se colocan lo que va a ejecutar si se corre en un navegador web.<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b83214 elementor-widget elementor-widget-text-editor\" data-id=\"8b83214\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><span class=\"TextRun SCXW60206268 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW60206268 BCX0\" data-ccp-parastyle=\"Subtitle\">Declarar definici\u00f3n del m\u00e9todo (<\/span><span class=\"NormalTextRun SpellingErrorV2 SCXW60206268 BCX0\" data-ccp-parastyle=\"Subtitle\">definitions.ts<\/span><span class=\"NormalTextRun SCXW60206268 BCX0\" data-ccp-parastyle=\"Subtitle\">)<\/span><\/span><span class=\"EOP SCXW60206268 BCX0\" data-ccp-props=\"{\">\u00a0<\/span><\/h3><p><span class=\"TextRun SCXW98638623 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW98638623 BCX0\">En el archivo\u00a0<\/span><\/span><span class=\"TextRun SCXW98638623 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SpellingErrorV2 SCXW98638623 BCX0\">definitions.ts<\/span><\/span><span class=\"TextRun SCXW98638623 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW98638623 BCX0\">\u00a0declaramos el m\u00e9todo que usaremos para desplegar\u00a0<\/span><span class=\"NormalTextRun SCXW98638623 BCX0\">un<\/span><span class=\"NormalTextRun SCXW98638623 BCX0\">\u00a0<\/span><span class=\"NormalTextRun SpellingErrorV2 SCXW98638623 BCX0\">activity<\/span><span class=\"NormalTextRun SCXW98638623 BCX0\">\u00a0m\u00e1s adelante<\/span><span class=\"NormalTextRun SCXW98638623 BCX0\">\u00a0(<\/span><span class=\"NormalTextRun SCXW98638623 BCX0\">solo copiar la l\u00ednea con color)<\/span><span class=\"NormalTextRun SCXW98638623 BCX0\">:<\/span><\/span><span class=\"EOP SCXW98638623 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17941 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-4.jpg\" alt=\"\" width=\"565\" height=\"252\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-4.jpg 565w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-4-300x134.jpg 300w\" sizes=\"(max-width: 565px) 100vw, 565px\" \/><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c7632f elementor-widget elementor-widget-text-editor\" data-id=\"6c7632f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><span class=\"TextRun SCXW142370956 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW142370956 BCX0\" data-ccp-parastyle=\"Subtitle\">Declarar\u00a0<\/span><span class=\"NormalTextRun SCXW142370956 BCX0\" data-ccp-parastyle=\"Subtitle\">m\u00e9todo para browsers<\/span><span class=\"NormalTextRun SCXW142370956 BCX0\" data-ccp-parastyle=\"Subtitle\">\u00a0(<\/span><span class=\"NormalTextRun SpellingErrorV2 SCXW142370956 BCX0\" data-ccp-parastyle=\"Subtitle\">web<\/span><span class=\"NormalTextRun SpellingErrorV2 SCXW142370956 BCX0\" data-ccp-parastyle=\"Subtitle\">.ts<\/span><span class=\"NormalTextRun SCXW142370956 BCX0\" data-ccp-parastyle=\"Subtitle\">)<\/span><\/span><span class=\"EOP SCXW142370956 BCX0\" data-ccp-props=\"{\">\u00a0<\/span><\/h3><p><span data-contrast=\"none\">En el archivo\u00a0<\/span><b><span data-contrast=\"none\">web.ts<\/span><\/b><span data-contrast=\"none\">\u00a0declaramos el m\u00e9todo\u00a0se ejecutar\u00e1 cuando se corra la App en un browser (ej: PWA).<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">En el caso de web, no es compatible, por lo que se mostrar\u00e1 un\u00a0log de consola para verificar que llega el par\u00e1metro y retornaremos el\u00a0result\u00a0con el texto.<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17942 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-5.jpg\" alt=\"\" width=\"563\" height=\"272\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-5.jpg 563w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-5-300x145.jpg 300w\" sizes=\"(max-width: 563px) 100vw, 563px\" \/><\/p><p><span class=\"LineBreakBlob BlobObject DragDrop SCXW18472581 BCX0\"><span class=\"SCXW18472581 BCX0\">\u00a0<\/span><\/span><span class=\"TextRun SCXW18472581 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW18472581 BCX0\">Luego corremos el comando\u00a0<\/span><\/span><span class=\"TextRun Highlight SCXW18472581 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW18472581 BCX0\">\u00a0\u00a0<\/span><\/span><span class=\"TextRun Highlight SCXW18472581 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SpellingErrorV2 SCXW18472581 BCX0\">npm<\/span><span class=\"NormalTextRun SCXW18472581 BCX0\">\u00a0<\/span><span class=\"NormalTextRun SCXW18472581 BCX0\">run\u00a0<\/span><span class=\"NormalTextRun SpellingErrorV2 SCXW18472581 BCX0\">build<\/span><\/span><span class=\"TextRun Highlight SCXW18472581 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW18472581 BCX0\">.<\/span><\/span><span class=\"TextRun SCXW18472581 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW18472581 BCX0\">\u00a0Para generar el importable<\/span><span class=\"NormalTextRun SCXW18472581 BCX0\">\u00a0en el proyecto de la App.<\/span><\/span><span class=\"EOP SCXW18472581 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-772ecce elementor-widget elementor-widget-text-editor\" data-id=\"772ecce\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><span class=\"TextRun SCXW10151682 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW10151682 BCX0\" data-ccp-parastyle=\"Subtitle\">Instalar plugin en\u00a0<\/span><span class=\"NormalTextRun SpellingErrorV2 SCXW10151682 BCX0\" data-ccp-parastyle=\"Subtitle\">exampleApp<\/span><\/span><span class=\"EOP SCXW10151682 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3><p><span data-contrast=\"none\">Llegados a este punto, tenemos por un lado la App b\u00e1sica corriendo localmente en el browser y por otro lado el plugin que por el momento solo mostrar\u00e1 en consola \u00e9l par\u00e1metro y que no es compatible con el browser.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p><p><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><span data-contrast=\"none\">Para instalar el plugin\u00a0correr\u00a0<\/span><b><span data-contrast=\"none\">\u00a0\u00a0<\/span><\/b><b><span data-contrast=\"none\">npm\u00a0install\u00a0..\/example-capacitor<\/span><\/b><span data-contrast=\"none\">\u00a0dentro de la carpeta de la App.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p><p><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><span data-contrast=\"none\">En las dependencias de la App\u00a0(<\/span><i><span data-contrast=\"none\">Package.json<\/span><\/i><span data-contrast=\"none\">),\u00a0el plugin se vera de la siguiente forma:<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17943 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-6.jpg\" alt=\"\" width=\"576\" height=\"72\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-6.jpg 576w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-6-300x38.jpg 300w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8d6c50 elementor-widget elementor-widget-text-editor\" data-id=\"a8d6c50\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><b><span data-contrast=\"none\">Utilizar plugin\u00a0<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3><p><span data-contrast=\"none\">Colocaremos un bot\u00f3n en la vista de home.html para lanzar el evento\u00a0del plugin\u00a0con el m\u00e9todo\u00a0<\/span><b><span data-contrast=\"none\">openActivity()<\/span><\/b><span data-contrast=\"none\">:<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17947\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-7.jpg\" alt=\"\" width=\"600\" height=\"721\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-7.jpg 426w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-7-250x300.jpg 250w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f9e9f5 elementor-widget elementor-widget-text-editor\" data-id=\"4f9e9f5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><b><span data-contrast=\"none\">Integrar\u00a0plugins\u00a0nativos a la App\u00a0<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/h3><p><span data-contrast=\"none\">Primero\u00a0precompilamos\u00a0la app\u00a0corriendo\u00a0<\/span><b><span data-contrast=\"none\">\u00a0ionic\u00a0build<\/span><\/b><b><span data-contrast=\"none\">.<\/span><\/b><span data-contrast=\"none\">\u00a0<\/span><b><span data-contrast=\"none\">dentro de la carpeta de la\u00a0app<\/span><\/b><span data-contrast=\"none\">\u00a0(exampleApp\u00a0en este caso).<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">Luego de que haya generado\/actualizado la carpeta\u00a0<\/span><b><span data-contrast=\"none\">www<\/span><\/b><span data-contrast=\"none\">\u00a0ejecutar\u00a0<\/span><b><span data-contrast=\"none\">\u00a0ionic\u00a0cap\u00a0sync\u00a0android<\/span><\/b><span data-contrast=\"none\">\u00a0<\/span>\u00a0<br \/><span data-contrast=\"none\">\u00c9<\/span><span data-contrast=\"none\">ste comando\u00a0actualiza\u00a0la carpeta\u00a0<\/span><b><span data-contrast=\"none\">android<\/span><\/b><span data-contrast=\"none\">\u00a0en la ra\u00edz del proyecto, el cual\u00a0 se puede abrir con android studio, siendo\u00a0el mismo\u00a0el siguiente paso:<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">Abrir el proyecto con android studio:\u00a0<\/span><b><span data-contrast=\"none\">\u00a0\u00a0ionic\u00a0cap\u00a0open\u00a0android<\/span><\/b><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17948 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-8.jpg\" alt=\"\" width=\"429\" height=\"77\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-8.jpg 429w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-8-300x54.jpg 300w\" sizes=\"(max-width: 429px) 100vw, 429px\" \/><\/p><p><span class=\"TextRun BCX0 SCXW102365962\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun BCX0 SCXW102365962\">Si<\/span><span class=\"NormalTextRun BCX0 SCXW102365962\">\u00a0levantamos la\u00a0<\/span><span class=\"NormalTextRun BCX0 SCXW102365962\">app<\/span><span class=\"NormalTextRun BCX0 SCXW102365962\">\u00a0en el navegador<\/span><span class=\"NormalTextRun BCX0 SCXW102365962\">\u00a0<\/span><\/span><span class=\"TextRun Highlight BCX0 SCXW102365962\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun BCX0 SCXW102365962\">\u00a0\u00a0<\/span><span style=\"color: #000000;\"><span class=\"NormalTextRun SpellingErrorV2 BCX0 SpellingErrorHighlight SCXW102365962\">ionic<\/span><span class=\"NormalTextRun BCX0 SCXW102365962\">\u00a0serve<\/span><\/span><\/span><span class=\"TextRun Highlight BCX0 SCXW102365962\" lang=\"ES-UY\" style=\"color: #000000;\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun BCX0 SCXW102365962\">.<\/span><\/span><span class=\"TextRun BCX0 SCXW102365962\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun BCX0 SCXW102365962\">\u00a0se ver\u00e1 as\u00ed:\u00a0<\/span><\/span><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17949\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-9.jpg\" alt=\"\" width=\"800\" height=\"617\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-9.jpg 423w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-9-300x231.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p><p><span data-contrast=\"none\">En la consulta se puede ver que se muestra \u201cText: Hello word!\u201d que lo escribe el plugin mismo.<\/span>\u00a0<br \/><span data-contrast=\"none\">Tambi\u00e9n se ve el result: con el texto \u201cBrowser not compatible\u201d que lo retorna el plugin.<\/span>\u00a0<\/p><p>\u00a0<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d240 elementor-widget elementor-widget-text-editor\" data-id=\"5b6d240\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><p><b><span data-contrast=\"none\">El plugin funciona correctamente por ahora.<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">En el archivo:\u00a0<\/span><b><span data-contrast=\"none\">android\/app\/src\/main\/java\/io\/ionic\/starter\/<\/span><\/b><b><span data-contrast=\"none\">MainActivity.java\u00a0<\/span><\/b><span data-contrast=\"none\">agregar el m\u00e9todo\u00a0<\/span><b><span data-contrast=\"none\">onCreate()<\/span><\/b><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17950 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-10.jpg\" alt=\"\" width=\"447\" height=\"394\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-10.jpg 447w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-10-300x264.jpg 300w\" sizes=\"(max-width: 447px) 100vw, 447px\" \/><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5704b9 elementor-widget elementor-widget-text-editor\" data-id=\"e5704b9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><b><span data-contrast=\"none\">C\u00f3digo nativo Android<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3><p><span data-contrast=\"none\">Primero vamos a crear la\u00a0Activity\u00a0nueva para mostrar desde\u00a0la App.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17951 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-11.jpg\" alt=\"\" width=\"532\" height=\"205\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-11.jpg 532w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-11-300x116.jpg 300w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/p><p><span class=\"NormalTextRun SCXW160931923 BCX0\">Ir al proyecto de\u00a0<\/span><span class=\"NormalTextRun SpellingErrorV2 SCXW160931923 BCX0\">android<\/span><span class=\"NormalTextRun SCXW160931923 BCX0\">\u00a0del Plugin con Android Studio:<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a641164 elementor-widget elementor-widget-text-editor\" data-id=\"a641164\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><b><span data-contrast=\"none\">Crear una\u00a0Activity\u00a0(empty) y colocar un texto para probar<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3><p><span data-contrast=\"none\">En el\u00a0package\u00a0del plugin clic derecho &gt; New &gt;\u00a0Activity\u00a0&gt;\u00a0Empty\u00a0Activity<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17955 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-12.jpg\" alt=\"\" width=\"577\" height=\"313\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-12.jpg 577w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-12-300x163.jpg 300w\" sizes=\"(max-width: 577px) 100vw, 577px\" \/><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17956 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-13.jpg\" alt=\"\" width=\"498\" height=\"361\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-13.jpg 498w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-13-300x217.jpg 300w\" sizes=\"(max-width: 498px) 100vw, 498px\" \/><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f4c112 elementor-widget elementor-widget-text-editor\" data-id=\"0f4c112\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><b><span data-contrast=\"none\">Crear m\u00e9todo para desplegar la\u00a0activity<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3><p><span data-contrast=\"none\">En el archivo\u00a0<\/span><b><span data-contrast=\"none\">com\/fx2\/plugins\/example\/ExamplePlugin.java\u00a0<\/span><\/b><span data-contrast=\"none\">implementar el m\u00e9todo\u00a0<\/span><b><span data-contrast=\"none\">showActivity<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">El mismo\u00a0levanta el\u00a0Activity\u00a0que creamos y le pasa\u00a0el par\u00e1metro con el \u201cHello\u00a0Word\u201d<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17958 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-15.jpg\" alt=\"\" width=\"507\" height=\"472\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-15.jpg 507w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-15-300x279.jpg 300w\" sizes=\"(max-width: 507px) 100vw, 507px\" \/><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27eb960 elementor-widget elementor-widget-text-editor\" data-id=\"27eb960\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><b><span data-contrast=\"none\">Desplegar texto con\u00a0Hello\u00a0Word<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/h3><p><span data-contrast=\"none\">En el archivo\u00a0<\/span><b><span data-contrast=\"none\">com\/fx2\/plugins\/example\/ExampleActivity.java\u00a0<\/span><\/b><span data-contrast=\"none\">procesar el par\u00e1metro y cargarlo en un\u00a0TextView.<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17960 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-17.jpg\" alt=\"\" width=\"509\" height=\"377\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-17.jpg 509w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-17-300x222.jpg 300w\" sizes=\"(max-width: 509px) 100vw, 509px\" \/><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae28b4c elementor-widget elementor-widget-text-editor\" data-id=\"ae28b4c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><p><span class=\"TextRun  BCX0 SCXW103355319\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun  BCX0 SCXW103355319\">En\u00a0<\/span><span class=\"NormalTextRun  BCX0 SCXW103355319\">el\u00a0<\/span><span class=\"NormalTextRun  BCX0 SCXW103355319\">dise\u00f1ador<\/span><span class=\"NormalTextRun  BCX0 SCXW103355319\">\u00a0del\u00a0<\/span><span class=\"NormalTextRun SpellingErrorV2  BCX0 SCXW103355319\">activity<\/span><span class=\"NormalTextRun  BCX0 SCXW103355319\">\u00a0(<\/span><\/span><span class=\"TextRun  BCX0 SCXW103355319\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SpellingErrorV2  BCX0 SCXW103355319\">example<\/span><span class=\"NormalTextRun  BCX0 SCXW103355319\">-capacitor\/<\/span><span class=\"NormalTextRun ContextualSpellingAndGrammarErrorV2  BCX0 SCXW103355319\">res<\/span><span class=\"NormalTextRun  BCX0 SCXW103355319\">\/<\/span><span class=\"NormalTextRun SpellingErrorV2  BCX0 SCXW103355319\">layout<\/span><span class=\"NormalTextRun  BCX0 SCXW103355319\">\/activity_example.xml<\/span><\/span><span class=\"TextRun  BCX0 SCXW103355319\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun  BCX0 SCXW103355319\">)<\/span><span class=\"NormalTextRun  BCX0 SCXW103355319\">, colocar\u00a0<\/span><span class=\"NormalTextRun  BCX0 SCXW103355319\">un<\/span><span class=\"NormalTextRun  BCX0 SCXW103355319\">\u00a0<\/span><span class=\"NormalTextRun SpellingErrorV2  BCX0 SCXW103355319\">TextView<\/span><span class=\"NormalTextRun  BCX0 SCXW103355319\">\u00a0y asignarle como id\u00a0<\/span><\/span><span class=\"TextRun  BCX0 SCXW103355319\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SpellingErrorV2   BCX0 DefaultHighlightTransition SCXW103355319\">textoPantalla<\/span><\/span><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17961 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-18.jpg\" alt=\"\" width=\"650\" height=\"398\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-18.jpg 650w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-18-300x184.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17962 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-19.jpg\" alt=\"\" width=\"564\" height=\"335\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-19.jpg 564w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-19-300x178.jpg 300w\" sizes=\"(max-width: 564px) 100vw, 564px\" \/><\/p><p><span class=\"LineBreakBlob BlobObject DragDrop SCXW19551859 BCX0\"><span class=\"SCXW19551859 BCX0\">\u00a0<\/span><br class=\"SCXW19551859 BCX0\" \/><\/span><span class=\"TextRun SCXW19551859 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW19551859 BCX0\">Salvar todos los cambios\u00a0<\/span><\/span><span class=\"TextRun SCXW19551859 BCX0\" lang=\"ES-UY\" xml:lang=\"ES-UY\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW19551859 BCX0\">y ejecutar<\/span><span class=\"NormalTextRun SCXW19551859 BCX0\">:<\/span><\/span><span class=\"EOP SCXW19551859 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17963 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-20.jpg\" alt=\"\" width=\"567\" height=\"45\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-20.jpg 567w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-20-300x24.jpg 300w\" sizes=\"(max-width: 567px) 100vw, 567px\" \/><\/p><p><img loading=\"lazy\" class=\"alignnone wp-image-17971 size-full\" src=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-21.jpg\" alt=\"\" width=\"448\" height=\"386\" srcset=\"https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-21.jpg 448w, https:\/\/fx2.com.uy\/es\/wp-content\/uploads\/2021\/10\/4-21-300x258.jpg 300w\" sizes=\"(max-width: 448px) 100vw, 448px\" \/><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7ec16a elementor-widget elementor-widget-text-editor\" data-id=\"c7ec16a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><h3><b><span data-contrast=\"none\">Notas importantes<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/h3><p><span data-contrast=\"none\">Tras tener un ejemplo ya corriendo y funcionando, si se quieren hacer cambios en el c\u00f3digo:<\/span>\u00a0<br \/><span data-ccp-props=\"{\">\u00a0<\/span><b style=\"background-color: initial; letter-spacing: 0px;\"><span data-contrast=\"none\">Si se cambia el c\u00f3digo de\u00a0Ionic\u00a0(app):<\/span><\/b><span style=\"background-color: initial; letter-spacing: 0px;\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">Se debe\u00a0buildear\u00a0y sincronizar el proyecto\u00a0<\/span><b><span data-contrast=\"none\">\u00a0\u00a0ionic\u00a0build<\/span><\/b><b><span data-contrast=\"none\">.<\/span><\/b><span data-contrast=\"none\">\u00a0y despu\u00e9s\u00a0<\/span><b><span data-contrast=\"none\">\u00a0\u00a0ionic\u00a0cap\u00a0sync<\/span><\/b><b><span data-contrast=\"none\">.<\/span><\/b><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">Sincronizar NO MODIFICA EL PLUGIN NI LA IMPLEMENTACI\u00d3N DE\u00a0LA MISMA\u00a0EN EL\u00a0MainActivity.<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-ccp-props=\"{\">\u00a0<\/span><b style=\"background-color: initial; letter-spacing: 0px;\"><span data-contrast=\"none\">Si se cambia el c\u00f3digo en el plugin nativo\u00a0(typescript\u00a0-&gt;\u00a0definitions, web,\u00a0etc\u2026):<\/span><\/b><span style=\"background-color: initial; letter-spacing: 0px;\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">Se debe volver a correr el comando\u00a0<\/span><b><span data-contrast=\"none\">\u00a0\u00a0npm\u00a0run\u00a0build<\/span><\/b><b><span data-contrast=\"none\">.<\/span><\/b><span data-contrast=\"none\">\u00a0en la ra\u00edz del plugin.<\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><p><span data-ccp-props=\"{\">\u00a0<\/span><b style=\"background-color: initial; letter-spacing: 0px;\"><span data-contrast=\"none\">Si se cambia el c\u00f3digo en el plugin nativo (android):<\/span><\/b><span style=\"background-color: initial; letter-spacing: 0px;\">\u00a0<\/span><\/p><p><span data-contrast=\"none\">Solamente\u00a0<\/span><b><span data-contrast=\"none\">Ctrl\u00a0+ S<\/span><\/b><span data-contrast=\"none\">\u00a0para salvar\u00a0<\/span><span data-contrast=\"none\"><img class=\"emoji\" role=\"img\" draggable=\"false\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/1f60a.svg\" alt=\"\ud83d\ude0a\" \/><\/span><span data-ccp-props=\"{\">\u00a0<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Gu\u00eda b\u00e1sica\u00a0para crear un\u00a0plugin\u00a0de\u00a0Capacitor para\u00a0Ionic, en el cual, por el momento,\u00a0solo contemplaremos\u00a0Android.\u00a0<\/p>\n","protected":false},"author":4,"featured_media":17999,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[96],"tags":[310],"_links":{"self":[{"href":"https:\/\/fx2.com.uy\/es\/wp-json\/wp\/v2\/posts\/17926"}],"collection":[{"href":"https:\/\/fx2.com.uy\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fx2.com.uy\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fx2.com.uy\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/fx2.com.uy\/es\/wp-json\/wp\/v2\/comments?post=17926"}],"version-history":[{"count":35,"href":"https:\/\/fx2.com.uy\/es\/wp-json\/wp\/v2\/posts\/17926\/revisions"}],"predecessor-version":[{"id":18054,"href":"https:\/\/fx2.com.uy\/es\/wp-json\/wp\/v2\/posts\/17926\/revisions\/18054"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fx2.com.uy\/es\/wp-json\/wp\/v2\/media\/17999"}],"wp:attachment":[{"href":"https:\/\/fx2.com.uy\/es\/wp-json\/wp\/v2\/media?parent=17926"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fx2.com.uy\/es\/wp-json\/wp\/v2\/categories?post=17926"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fx2.com.uy\/es\/wp-json\/wp\/v2\/tags?post=17926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}