{"id":16246,"date":"2017-06-15T08:00:31","date_gmt":"2017-06-15T06:00:31","guid":{"rendered":"http:\/\/192.168.20.3\/?p=16246"},"modified":"2024-12-12T15:07:31","modified_gmt":"2024-12-12T14:07:31","slug":"sapui5-y-el-nuevo-archivo-de-configuracion-manifest-json","status":"publish","type":"post","link":"https:\/\/orekait.com\/es\/sapui5-y-el-nuevo-archivo-de-configuracion-manifest-json\/","title":{"rendered":"SAPUI5 y el nuevo archivo de configuraci\u00f3n, manifest.json<br><span class=\"font-300\"<\/span>"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.25.2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Imagen principal&#8221; _builder_version=&#8221;4.25.2&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image alt=&#8221;cloud-public&#8221; title_text=&#8221;Reclamacio\u0301n-de-facturas-vencidas-en-SAP-FI-1&#8243; admin_label=&#8221;Imagen principal&#8221; module_class=&#8221;post-img&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Cuerpo&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text content_last_edited=&#8221;off|desktop&#8221; admin_label=&#8221;Texto&#8221; _builder_version=&#8221;4.25.2&#8243; header_2_font_size=&#8221;24px&#8221; header_3_font_size=&#8221;20px&#8221; header_4_font_size=&#8221;17px&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;%22671%22&#8243; height=&#8221;%22251%22&#8243; global_colors_info=&#8221;{}&#8221; content__hover_enabled=&#8221;off|hover&#8221;]<\/p>\n<div class=\"entry-content\">\n<p>A partir de la versi\u00f3n 1.30 de la aplicaci\u00f3n\u00a0<strong>SAPUI5<\/strong>, SAP introduce el archivo\u00a0<strong>manifest.json<\/strong>\u00a0que sustituye a los archivos de configuraci\u00f3n de las anteriores versiones.<\/p>\n<p>En este art\u00edculo descubrir\u00e1s en qu\u00e9 consiste dicho archivo y cada una de sus partes, componentes y atributos.<\/p>\n<p>&nbsp;<\/p>\n<p>El nuevo fichero de configuraci\u00f3n que mencion\u00e1bamos al comienzo, manifest.json, proporciona una ubicaci\u00f3n central, legible y de f\u00e1cil acceso para almacenar metadatos asociados con una\u00a0<strong>aplicaci\u00f3n SAPUI5<\/strong>, un componente de aplicaci\u00f3n o una biblioteca.<\/p>\n<p>El archivo<strong>\u00a0manifest.json<\/strong>, est\u00e1 ubicado en la carpeta webapp del proyecto. El WebIDE nos permite modificarlo mediante un editor gr\u00e1fico o un editor por c\u00f3digo.<\/p>\n<p>Puesto que la segunda de las opciones que acabamos de nombrar, mediante un editor por c\u00f3digo, nos aporta mayor libertad, es la que utilizaremos en este art\u00edculo.<\/p>\n<p>La estructura del manifest est\u00e1 dividida en diferentes namespaces, cada uno de los cuales tiene sus respectivos atributos.<\/p>\n<p>Los\u00a0<strong>namespaces m\u00e1s habituales en una aplicaci\u00f3n SAPUI5<\/strong>\u00a0son los siguientes:<\/p>\n<ul>\n<li>app<\/li>\n<li>ui<\/li>\n<li>ui5<\/li>\n<\/ul>\n<p>Cuando se crea un proyecto nuevo, la mayor\u00eda de los atributos b\u00e1sicos nos los encontraremos definidos en el archivo manifest.json.<\/p>\n<p>A continuaci\u00f3n veremos los atributos m\u00e1s usados en el\u00a0<strong>principal fichero de configuraci\u00f3n de una aplicaci\u00f3n SAPUI5<\/strong>.<\/p>\n<h2><strong>sap.app<\/strong><\/h2>\n<table>\n<tbody>\n<tr>\n<td width=\"211\"><strong>Atributo<\/strong><\/td>\n<td width=\"214\"><strong>Descripci\u00f3n<\/strong><\/td>\n<\/tr>\n<tr>\n<td class=\"tabla-blog-atributo\" width=\"211\">id<\/td>\n<td width=\"214\">Atributo obligatorio:<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Identificador \u00fanico de la aplicaci\u00f3n<\/strong>, que debe ser igual al nombre del componente.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"tabla-blog-atributo\" width=\"211\">type<\/td>\n<td width=\"214\">S\u00f3lo admite los siguientes tipos:<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>application<\/li>\n<li>component<\/li>\n<li>library<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"tabla-blog-atributo\" width=\"211\">i18n<\/td>\n<td width=\"214\"><strong>URL relativa<\/strong>:<\/p>\n<p>&nbsp;<\/p>\n<p>Indica el archivo de propiedades que contiene los s\u00edmbolos de texto.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"tabla-blog-atributo\" width=\"211\">dataSources<\/td>\n<td width=\"214\">Claves o alias \u00fanicas:<\/p>\n<p>&nbsp;<\/p>\n<p>Especifica las fuentes de datos utilizadas y contiene la siguiente informaci\u00f3n:<\/p>\n<ul>\n<li><strong>uri<\/strong>: URL<\/li>\n<li><strong>type<\/strong>: OData (predeterminado), ODataAnnotation, INA, XML o JSON<\/li>\n<li><strong>settings<\/strong>: Atributos espec\u00edficos del tipo de la fuente de datos, por ejemplo:\n<ul>\n<li>odataVersion<\/li>\n<li>localUri<\/li>\n<li>annotations<\/li>\n<li>maxAge<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-16252 size-full\" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/06\/sapui5-manifest-ui5-1.png\" alt=\"\" width=\"459\" height=\"267\" srcset=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/06\/sapui5-manifest-ui5-1.png 459w, https:\/\/orekait.com\/wp-content\/uploads\/2017\/06\/sapui5-manifest-ui5-1-300x175.png 300w\" sizes=\"auto, (max-width: 459px) 100vw, 459px\" \/><\/p>\n<h2><strong>sap.ui<\/strong><\/h2>\n<table>\n<tbody>\n<tr>\n<td width=\"216\"><strong>Atributo<\/strong><\/td>\n<td width=\"216\"><strong>Descripci\u00f3n<\/strong><\/td>\n<\/tr>\n<tr>\n<td class=\"tabla-blog-atributo\" width=\"216\">technology<\/td>\n<td width=\"216\">Especifica la tecnolog\u00eda de interfaz de usuario.<\/p>\n<p>&nbsp;<\/p>\n<p>Valor:\u00a0<strong>UI5<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"tabla-blog-atributo\" width=\"216\">deviceTypes<\/td>\n<td width=\"216\">Atributo obligatorio:<\/p>\n<p>&nbsp;<\/p>\n<p>Indica en que\u00a0<strong>dispositivos<\/strong>\u00a0funcionar\u00e1 la aplicaci\u00f3n.<\/p>\n<ul>\n<li>desktop<\/li>\n<li>tablet<\/li>\n<li>phone<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-16256 size-full\" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/06\/sapui5-manifest-ui5-2.png\" alt=\"\" width=\"410\" height=\"325\" srcset=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/06\/sapui5-manifest-ui5-2.png 410w, https:\/\/orekait.com\/wp-content\/uploads\/2017\/06\/sapui5-manifest-ui5-2-300x238.png 300w\" sizes=\"auto, (max-width: 410px) 100vw, 410px\" \/><\/p>\n<h2><strong>sap.ui5<\/strong><\/h2>\n<table>\n<tbody>\n<tr>\n<td width=\"216\"><strong>Atributo<\/strong><\/td>\n<td width=\"216\"><strong>Descripci\u00f3n<\/strong><\/td>\n<\/tr>\n<tr>\n<td class=\"tabla-blog-atributo\" width=\"216\">resources<\/td>\n<td width=\"216\">URL relativas:<\/p>\n<p>&nbsp;<\/p>\n<p>Apuntan a los recursos js (JavaScript) y css.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"tabla-blog-atributo\" width=\"216\">dependencies<\/td>\n<td width=\"216\">Especifica las dependencias externas cargadas por\u00a0<strong>el n\u00facleo de SAPUI5 durante la fase de inicializaci\u00f3n<\/strong>\u00a0del componente y las usa posteriormente, como bibliotecas o componentes.<\/td>\n<\/tr>\n<tr>\n<td class=\"tabla-blog-atributo\" width=\"216\">models<\/td>\n<td width=\"216\">Definiremos los\u00a0<strong>modelos<\/strong>\u00a0que usaremos en la aplicaci\u00f3n. La clave representa el nombre del modelo. Utilizaremos una cadena vac\u00eda (\u00ab\u00bb) para el modelo predeterminado.<\/td>\n<\/tr>\n<tr>\n<td class=\"tabla-blog-atributo\" width=\"216\">routing<\/td>\n<td width=\"216\"><strong>Par\u00e1metros de configuraci\u00f3n<\/strong>\u00a0para rutas y enrutadores.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-16260 size-full\" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/06\/sapui5-manifest-ui5.png\" alt=\"\" width=\"398\" height=\"523\" srcset=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/06\/sapui5-manifest-ui5.png 398w, https:\/\/orekait.com\/wp-content\/uploads\/2017\/06\/sapui5-manifest-ui5-228x300.png 228w\" sizes=\"auto, (max-width: 398px) 100vw, 398px\" \/><\/p>\n<p>Una vez comentado el fichero\u00a0<strong>manifest.json<\/strong>\u00a0en su totalidad, no nos cabe duda de que la inclusi\u00f3n de \u00e9ste en las \u00faltimas versiones de la aplicaci\u00f3n marca una gran diferencia en lo que a sencillez y agilidad se refiere a la hora de configurar\u00a0<strong>SAPUI5<\/strong>.<\/p>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;M\u00e1s informaci\u00f3n&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"morado\">M\u00e1s informaci\u00f3n:<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/orekait.com\/es\/area-personalizacion&#8221; button_text=&#8221;M\u00e1s informaci\u00f3n&#8221; module_class=&#8221;entrada-btn&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#8156EA&#8221; button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; button_border_color=&#8221;#8156EA&#8221; button_border_radius=&#8221;30px&#8221; button_font=&#8221;Plus Jakarta Sans|600|||||||&#8221; button_icon=&#8221;&#x24;||divi||400&#8243; button_icon_color=&#8221;#8156EA&#8221; button_on_hover=&#8221;off&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; button_text_color__hover_enabled=&#8221;on|desktop&#8221; button_text_color__hover=&#8221;#8156EA&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#8156EA&#8221; button_bg_enable_color__hover=&#8221;on&#8221; button_icon_color__hover_enabled=&#8221;on|hover&#8221; button_icon_color__hover=&#8221;#ffffff&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_button][et_pb_divider show_divider=&#8221;off&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||40px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; admin_label=&#8221;Noticias relacionadas titulo&#8221; module_id=&#8221;fondo-articulos&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f7f7f7&#8243; width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_divider show_divider=&#8221;off&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; custom_margin=&#8221;||40px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][et_pb_heading title=&#8221;Quizas te pueda interesar&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; title_level=&#8221;h2&#8243; title_text_align=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_heading][et_pb_divider show_divider=&#8221;off&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||30px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Noticias relacionadas&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; custom_margin=&#8221;-150px||||false|false&#8221; custom_margin_tablet=&#8221;0px||||false|false&#8221; custom_margin_phone=&#8221;0px||||false|false&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blog fullwidth=&#8221;off&#8221; posts_number=&#8221;3&#8243; include_categories=&#8221;current&#8221; show_author=&#8221;off&#8221; show_date=&#8221;off&#8221; show_pagination=&#8221;off&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A partir de la versi\u00f3n 1.30 de la aplicaci\u00f3n\u00a0SAPUI5, SAP introduce el archivo\u00a0manifest.json\u00a0que sustituye a los archivos de configuraci\u00f3n de las anteriores versiones. En este art\u00edculo descubrir\u00e1s en qu\u00e9 consiste dicho archivo y cada una de sus partes, componentes y atributos. &nbsp; El nuevo fichero de configuraci\u00f3n que mencion\u00e1bamos al comienzo, manifest.json, proporciona una ubicaci\u00f3n [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"Lorem ipsum dolor sit amet consectetur adipiscing elit congue montes, imperdiet taciti erat elementum fermentum sem ante ultrices ridiculus, sagittis sociis egestas quisque ac semper quis odio. Aenean hendrerit ac metus dis nascetur aliquet mollis integer, rutrum vel laoreet posuere proin sagittis luctus est, tempus duis nisl ultrices parturient tempor praesent. Dignissim curabitur nascetur pellentesque augue fringilla pulvinar eros, tempus fames vehicula maecenas cubilia id, rutrum euismod integer ut scelerisque mus.\r\n\r\nVivamus auctor odio aenean rhoncus natoque dictum purus, volutpat pellentesque laoreet ridiculus consequat nisi varius euismod, augue platea convallis curae magnis taciti. Imperdiet nibh curabitur quisque orci consequat aenean pellentesque, cubilia duis senectus felis sed posuere tortor, magnis enim diam a odio sociis. Enim tellus nisl nec molestie augue luctus tempor habitant, nunc dictumst phasellus volutpat sem facilisis taciti, habitasse laoreet at turpis vel fermentum vulputate.","_et_gb_content_width":"","footnotes":""},"categories":[52,51],"tags":[],"class_list":["post-16246","post","type-post","status-publish","format-standard","hentry","category-sapui5","category-user-experience-integracion"],"_links":{"self":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/16246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/comments?post=16246"}],"version-history":[{"count":4,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/16246\/revisions"}],"predecessor-version":[{"id":22395,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/16246\/revisions\/22395"}],"wp:attachment":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/media?parent=16246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/categories?post=16246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/tags?post=16246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}