{"id":4505,"date":"2022-11-04T18:44:19","date_gmt":"2022-11-04T18:44:19","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=4505"},"modified":"2022-11-04T18:44:19","modified_gmt":"2022-11-04T18:44:19","slug":"appflow-live-update-api-demo","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo","title":{"rendered":"Learn how to customize live updates with the Live Update API demo app"},"content":{"rendered":"<p><span style=\"font-weight: 400\">The Appflow mobile DevOps platform provides everything you need for mobile builds and deployments, including the ability to push live updates to users instantly. In addition to an easy-to-use dashboard, live updates are configurable with the <\/span><a href=\"https:\/\/ionic.io\/docs\/appflow\/deploy\/api#methods\"><span style=\"font-weight: 400\">Live Update API<\/span><\/a><span style=\"font-weight: 400\">. A new <\/span><a href=\"https:\/\/github.com\/ionic-team\/Demo-Appflow-Live-Update-API\"><span style=\"font-weight: 400\">demo app<\/span><\/a><span style=\"font-weight: 400\"> and <\/span><a href=\"https:\/\/ionic.io\/docs\/appflow\/tutorial\/live_updates_api\"><span style=\"font-weight: 400\">tutorial<\/span><\/a><span style=\"font-weight: 400\"> highlights the features and customizations available with the Appflow Live Update API.<\/span><\/p>\n<p><!--more--><\/p>\n<p><a href=\"https:\/\/ionic.io\/docs\/appflow\/deploy\/intro\"><span style=\"font-weight: 400\">Appflow&#8217;s Live Update feature<\/span><\/a><span style=\"font-weight: 400\"> lets you update the UI and business logic of your app remotely, in real-time. Push HTML, JS, and CSS updates directly to your users without going through the app store to instantly fix bugs and ship new features. The Live Update API provides <\/span><a href=\"https:\/\/ionic.io\/docs\/appflow\/deploy\/api#methods\"><span style=\"font-weight: 400\">methods<\/span><\/a><span style=\"font-weight: 400\"> to interact with your mobile app\u2019s live updates.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">DevOps Support Engineer Kimberly McIntyre built the new demo app and tutorial. It walks through setting up Live Updates and implementing key features using the Live Update API. These include the following examples:<\/span><\/p>\n<p><span style=\"font-weight: 400\">1: Reload App with Manual Update<\/span><\/p>\n<p><span style=\"font-weight: 400\">2: Get Configurations<\/span><\/p>\n<p><span style=\"font-weight: 400\">3: Get Current Live Update Version<\/span><\/p>\n<p><span style=\"font-weight: 400\">4: Get Count of Available Live Update Versions<\/span><\/p>\n<p><span style=\"font-weight: 400\">5: Configure App to Receive Live Updates<\/span><\/p>\n<p><span style=\"font-weight: 400\">The demo app is built with Ionic Angular and for Android, but developers can use the Live Update API for iOS apps as well and with any supported development framework.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Live updates are very popular, but not everyone knew of all the features available with the API. This tutorial and demo shows how easy it is to set up and interact with live updates.<\/span><\/p>\n<p><span style=\"font-weight: 400\">The tutorial augments the existing beginner and advanced <\/span><a href=\"https:\/\/ionic.io\/docs\/appflow\/tutorial\"><span style=\"font-weight: 400\">Appflow tutorials<\/span><\/a><span style=\"font-weight: 400\">. There is also an <\/span><a href=\"https:\/\/ionic.io\/docs\/appflow\/cookbook\/intro\"><span style=\"font-weight: 400\">Appflow Cookbook<\/span><\/a><span style=\"font-weight: 400\"> featuring handy examples for using Appflow with different project types or implementations. Whether you\u2019re configuring a monorepo, want to run custom scripts during the build process, or using private Git submodules or NPM packages, the Appflow team has you covered.<\/span><\/p>\n<p><span style=\"font-weight: 400\">You&#8217;ll need an Appflow account set up for native builds and the Ionic CLI to run the demo app. If you\u2019re not set up with Appflow native builds, you can<\/span><a href=\"https:\/\/dashboard.ionicframework.com\/account-setup?loc=billing\"><span style=\"font-weight: 400\"> start a free trial today.<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400\">We\u2019re always looking for ways to improve our resources, so if you have a question or suggestion, you can <\/span><a href=\"https:\/\/forum.ionicframework.com\/c\/ionic-appflow\/20\"><span style=\"font-weight: 400\">create an Appflow topic in our forum.<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Appflow mobile DevOps platform provides everything you need for mobile builds and deployments, including the ability to push live updates to users instantly. In addition to an easy-to-use dashboard, live updates are configurable with the Live Update API. A new demo app and tutorial highlights the features and customizations available with the Appflow Live [&hellip;]<\/p>\n","protected":false},"author":98,"featured_media":4518,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"1","publish_post_category":"20","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"555121","discourse_permalink":"http:\/\/forum.ionicframework.com\/t\/learn-how-to-customize-live-updates-with-the-live-update-api-demo-app\/228312","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[120],"tags":[128,259],"class_list":["post-4505","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcements","tag-appflow","tag-live-updates"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Learn how to customize live updates with the Live Update API demo app - Ionic Blog<\/title>\n<meta name=\"description\" content=\"The new Appflow Live Update API demo app and tutorial shows how to customize Appflow live updates in mobile deployments.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learn how to customize live updates with the Live Update API demo app\" \/>\n<meta property=\"og:description\" content=\"The new Appflow Live Update API demo app and tutorial shows how to customize Appflow live updates in mobile deployments.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-04T18:44:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/11\/custom-live-update-demo-final-c66e2092e838edaaafc8ee8b60ab330a.png\" \/>\n\t<meta property=\"og:image:width\" content=\"802\" \/>\n\t<meta property=\"og:image:height\" content=\"579\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cecelia Martinez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ceceliacreates\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cecelia Martinez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo\"},\"author\":{\"name\":\"Cecelia Martinez\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/5e1062699fd542f5a6fe4c72879c1637\"},\"headline\":\"Learn how to customize live updates with the Live Update API demo app\",\"datePublished\":\"2022-11-04T18:44:19+00:00\",\"dateModified\":\"2022-11-04T18:44:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo\"},\"wordCount\":371,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/11\/custom-live-update-demo-final-c66e2092e838edaaafc8ee8b60ab330a.png\",\"keywords\":[\"Appflow\",\"Live Updates\"],\"articleSection\":[\"Announcements\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo\",\"url\":\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo\",\"name\":\"Learn how to customize live updates with the Live Update API demo app - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/11\/custom-live-update-demo-final-c66e2092e838edaaafc8ee8b60ab330a.png\",\"datePublished\":\"2022-11-04T18:44:19+00:00\",\"dateModified\":\"2022-11-04T18:44:19+00:00\",\"description\":\"The new Appflow Live Update API demo app and tutorial shows how to customize Appflow live updates in mobile deployments.\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/11\/custom-live-update-demo-final-c66e2092e838edaaafc8ee8b60ab330a.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/11\/custom-live-update-demo-final-c66e2092e838edaaafc8ee8b60ab330a.png\",\"width\":802,\"height\":579,\"caption\":\"Screen shot of Live Updates demo accordion.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learn how to customize live updates with the Live Update API demo app\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/5e1062699fd542f5a6fe4c72879c1637\",\"name\":\"Cecelia Martinez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/IMG_4815-150x150.jpeg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/IMG_4815-150x150.jpeg\",\"caption\":\"Cecelia Martinez\"},\"description\":\"Developer Advocate\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ceceliamartinez\/\",\"https:\/\/x.com\/ceceliacreates\"],\"jobTitle\":\"Developer Advocate\",\"url\":\"https:\/\/ionic.io\/blog\/author\/cecelia\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Learn how to customize live updates with the Live Update API demo app - Ionic Blog","description":"The new Appflow Live Update API demo app and tutorial shows how to customize Appflow live updates in mobile deployments.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo","og_locale":"en_US","og_type":"article","og_title":"Learn how to customize live updates with the Live Update API demo app","og_description":"The new Appflow Live Update API demo app and tutorial shows how to customize Appflow live updates in mobile deployments.","og_url":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo","og_site_name":"Ionic Blog","article_published_time":"2022-11-04T18:44:19+00:00","og_image":[{"width":802,"height":579,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/11\/custom-live-update-demo-final-c66e2092e838edaaafc8ee8b60ab330a.png","type":"image\/png"}],"author":"Cecelia Martinez","twitter_card":"summary_large_image","twitter_creator":"@ceceliacreates","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Cecelia Martinez","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo"},"author":{"name":"Cecelia Martinez","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/5e1062699fd542f5a6fe4c72879c1637"},"headline":"Learn how to customize live updates with the Live Update API demo app","datePublished":"2022-11-04T18:44:19+00:00","dateModified":"2022-11-04T18:44:19+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo"},"wordCount":371,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/11\/custom-live-update-demo-final-c66e2092e838edaaafc8ee8b60ab330a.png","keywords":["Appflow","Live Updates"],"articleSection":["Announcements"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo","url":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo","name":"Learn how to customize live updates with the Live Update API demo app - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/11\/custom-live-update-demo-final-c66e2092e838edaaafc8ee8b60ab330a.png","datePublished":"2022-11-04T18:44:19+00:00","dateModified":"2022-11-04T18:44:19+00:00","description":"The new Appflow Live Update API demo app and tutorial shows how to customize Appflow live updates in mobile deployments.","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/appflow-live-update-api-demo"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/11\/custom-live-update-demo-final-c66e2092e838edaaafc8ee8b60ab330a.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/11\/custom-live-update-demo-final-c66e2092e838edaaafc8ee8b60ab330a.png","width":802,"height":579,"caption":"Screen shot of Live Updates demo accordion."},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/appflow-live-update-api-demo#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Learn how to customize live updates with the Live Update API demo app"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/5e1062699fd542f5a6fe4c72879c1637","name":"Cecelia Martinez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/IMG_4815-150x150.jpeg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/IMG_4815-150x150.jpeg","caption":"Cecelia Martinez"},"description":"Developer Advocate","sameAs":["https:\/\/www.linkedin.com\/in\/ceceliamartinez\/","https:\/\/x.com\/ceceliacreates"],"jobTitle":"Developer Advocate","url":"https:\/\/ionic.io\/blog\/author\/cecelia"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/11\/custom-live-update-demo-final-c66e2092e838edaaafc8ee8b60ab330a.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/98"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=4505"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4505\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/4518"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=4505"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=4505"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=4505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}