{"id":5016,"date":"2021-11-16T07:45:28","date_gmt":"2021-11-16T06:45:28","guid":{"rendered":"https:\/\/duskosavic.com\/blog\/?p=5016"},"modified":"2021-11-16T07:45:28","modified_gmt":"2021-11-16T06:45:28","slug":"from-endpoint-in-postman-to-flutter-screen-and-app","status":"publish","type":"post","link":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/","title":{"rendered":"From Endpoint in Postman to Flutter Screen and App"},"content":{"rendered":"

When developing APIs, the usual procedure is to test them with Postman, from the comfort of your own desktop. Once you have everything nailed on the server and you are content with the results in Postman, here is what you can do to turn the API call into a screen or widget in Flutter.<\/p>\n

The Task: Send Email to the User for the Forgot Password Option on Login Screen in Flutter<\/h2>\n

The problem we are going to solve is how to send an email to the user for the Forgot Password Option on the Login screen in a Flutter app. Here is what it looks like on screen:<\/p>\n

\"Forgot<\/a>

Forgot Option Login screen in Flutter<\/p><\/div>\n

Provided that the user has already entered their correct email address in the Email field, tapping on Forgot Password option should execute a API call.<\/p>\n

Endpoint in Postman<\/h2>\n

Here is what the API call in Postman looks like:<\/p>\n

\"Endpoint<\/a>

Endpoint in Postman<\/p><\/div>\n

We know that the call is good because Postman returned JSON with msg and status, and they were both ok.<\/p>\n

The next step is to implement that call with Flutter instead of Postman.<\/p>\n

Flutter Code for the API Call<\/h2>\n

Instead of reproducing lines and lines of code, we’ll just show the call in an image:<\/p>\n

\"Calling<\/a>

Calling the API point in Flutter<\/p><\/div>\n

The Postman hands us the JSON in plain sight but in Flutter we have to catch it up as response to a HTTP call. Then we have to analyze it by parameters, in this case msg and status. If status was ok (and provided the entire API call was successful, as denoted by returning 200 as the HTTP code from the server) the server moves on to send the email.<\/p>\n

The Action: We Receive an Email<\/h2>\n

And we get this in an email:<\/p>\n

\"Email<\/a>

Email message after an API call<\/p><\/div>\n

Or, if the status was not ok, we would get an toast like message at the bottom of the screen, telling us that we should try again or something like that.<\/p>\n

This article has shown you the typical stuff Flutter developers do when implementing API calls into the app. We have not shown the exact techniques, for example, how to analyze the return from the API call, how to decode that JSON (and it can really complicated) and so on.<\/p>\n

For quotes, contact me through email<\/a> or LinkedIn<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

When developing APIs, the usual procedure is to test them with Postman, from the comfort of your own desktop. Once you have everything nailed on the server and you are content with the results in Postman, here is what you … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[697,572],"tags":[],"series":[],"class_list":["post-5016","post","type-post","status-publish","format-standard","hentry","category-dart","category-flutter"],"yoast_head":"\nFrom Endpoint in Postman to Flutter Screen and App - DuskoSavic.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"From Endpoint in Postman to Flutter Screen and App - DuskoSavic.com\" \/>\n<meta property=\"og:description\" content=\"When developing APIs, the usual procedure is to test them with Postman, from the comfort of your own desktop. Once you have everything nailed on the server and you are content with the results in Postman, here is what you … Continue reading →\" \/>\n<meta property=\"og:url\" content=\"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/\" \/>\n<meta property=\"og:site_name\" content=\"DuskoSavic.com\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-16T06:45:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/duskosavic.com\/blog\/wp-content\/uploads\/2021\/11\/screen_03-152x300.png\" \/>\n<meta name=\"author\" content=\"Dusko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dusko\" \/>\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:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/\"},\"author\":{\"name\":\"Dusko\",\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/#\\\/schema\\\/person\\\/5c90e82c5c70eaeee96d0b2efbfd4396\"},\"headline\":\"From Endpoint in Postman to Flutter Screen and App\",\"datePublished\":\"2021-11-16T06:45:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/\"},\"wordCount\":430,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/#\\\/schema\\\/person\\\/5c90e82c5c70eaeee96d0b2efbfd4396\"},\"image\":{\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/screen_03-152x300.png\",\"articleSection\":[\"Dart\",\"Flutter\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/\",\"url\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/\",\"name\":\"From Endpoint in Postman to Flutter Screen and App - DuskoSavic.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/screen_03-152x300.png\",\"datePublished\":\"2021-11-16T06:45:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/#primaryimage\",\"url\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/screen_03.png\",\"contentUrl\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/screen_03.png\",\"width\":380,\"height\":752,\"caption\":\"Forgot Option Login screen in Flutter\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/dart\\\/from-endpoint-in-postman-to-flutter-screen-and-app\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"From Endpoint in Postman to Flutter Screen and App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/\",\"name\":\"DuskoSavic.com\",\"description\":\"Rapid Mobile Apps Development With Flutter\",\"publisher\":{\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/#\\\/schema\\\/person\\\/5c90e82c5c70eaeee96d0b2efbfd4396\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/duskosavic.com\\\/blog\\\/#\\\/schema\\\/person\\\/5c90e82c5c70eaeee96d0b2efbfd4396\",\"name\":\"Dusko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d249b8ea0c85e62fd0339dd1412b99f721f072408db9a9a546efe3a86a93b667?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d249b8ea0c85e62fd0339dd1412b99f721f072408db9a9a546efe3a86a93b667?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d249b8ea0c85e62fd0339dd1412b99f721f072408db9a9a546efe3a86a93b667?s=96&d=mm&r=g\",\"caption\":\"Dusko\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d249b8ea0c85e62fd0339dd1412b99f721f072408db9a9a546efe3a86a93b667?s=96&d=mm&r=g\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"From Endpoint in Postman to Flutter Screen and App - DuskoSavic.com","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:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/","og_locale":"en_US","og_type":"article","og_title":"From Endpoint in Postman to Flutter Screen and App - DuskoSavic.com","og_description":"When developing APIs, the usual procedure is to test them with Postman, from the comfort of your own desktop. Once you have everything nailed on the server and you are content with the results in Postman, here is what you … Continue reading →","og_url":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/","og_site_name":"DuskoSavic.com","article_published_time":"2021-11-16T06:45:28+00:00","og_image":[{"url":"https:\/\/duskosavic.com\/blog\/wp-content\/uploads\/2021\/11\/screen_03-152x300.png","type":"","width":"","height":""}],"author":"Dusko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dusko","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/#article","isPartOf":{"@id":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/"},"author":{"name":"Dusko","@id":"https:\/\/duskosavic.com\/blog\/#\/schema\/person\/5c90e82c5c70eaeee96d0b2efbfd4396"},"headline":"From Endpoint in Postman to Flutter Screen and App","datePublished":"2021-11-16T06:45:28+00:00","mainEntityOfPage":{"@id":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/"},"wordCount":430,"commentCount":0,"publisher":{"@id":"https:\/\/duskosavic.com\/blog\/#\/schema\/person\/5c90e82c5c70eaeee96d0b2efbfd4396"},"image":{"@id":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/#primaryimage"},"thumbnailUrl":"https:\/\/duskosavic.com\/blog\/wp-content\/uploads\/2021\/11\/screen_03-152x300.png","articleSection":["Dart","Flutter"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/","url":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/","name":"From Endpoint in Postman to Flutter Screen and App - DuskoSavic.com","isPartOf":{"@id":"https:\/\/duskosavic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/#primaryimage"},"image":{"@id":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/#primaryimage"},"thumbnailUrl":"https:\/\/duskosavic.com\/blog\/wp-content\/uploads\/2021\/11\/screen_03-152x300.png","datePublished":"2021-11-16T06:45:28+00:00","breadcrumb":{"@id":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/#primaryimage","url":"https:\/\/duskosavic.com\/blog\/wp-content\/uploads\/2021\/11\/screen_03.png","contentUrl":"https:\/\/duskosavic.com\/blog\/wp-content\/uploads\/2021\/11\/screen_03.png","width":380,"height":752,"caption":"Forgot Option Login screen in Flutter"},{"@type":"BreadcrumbList","@id":"https:\/\/duskosavic.com\/blog\/dart\/from-endpoint-in-postman-to-flutter-screen-and-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/duskosavic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"From Endpoint in Postman to Flutter Screen and App"}]},{"@type":"WebSite","@id":"https:\/\/duskosavic.com\/blog\/#website","url":"https:\/\/duskosavic.com\/blog\/","name":"DuskoSavic.com","description":"Rapid Mobile Apps Development With Flutter","publisher":{"@id":"https:\/\/duskosavic.com\/blog\/#\/schema\/person\/5c90e82c5c70eaeee96d0b2efbfd4396"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/duskosavic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/duskosavic.com\/blog\/#\/schema\/person\/5c90e82c5c70eaeee96d0b2efbfd4396","name":"Dusko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/d249b8ea0c85e62fd0339dd1412b99f721f072408db9a9a546efe3a86a93b667?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d249b8ea0c85e62fd0339dd1412b99f721f072408db9a9a546efe3a86a93b667?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d249b8ea0c85e62fd0339dd1412b99f721f072408db9a9a546efe3a86a93b667?s=96&d=mm&r=g","caption":"Dusko"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/d249b8ea0c85e62fd0339dd1412b99f721f072408db9a9a546efe3a86a93b667?s=96&d=mm&r=g"}}]}},"_links":{"self":[{"href":"https:\/\/duskosavic.com\/blog\/wp-json\/wp\/v2\/posts\/5016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duskosavic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/duskosavic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/duskosavic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/duskosavic.com\/blog\/wp-json\/wp\/v2\/comments?post=5016"}],"version-history":[{"count":1,"href":"https:\/\/duskosavic.com\/blog\/wp-json\/wp\/v2\/posts\/5016\/revisions"}],"predecessor-version":[{"id":5021,"href":"https:\/\/duskosavic.com\/blog\/wp-json\/wp\/v2\/posts\/5016\/revisions\/5021"}],"wp:attachment":[{"href":"https:\/\/duskosavic.com\/blog\/wp-json\/wp\/v2\/media?parent=5016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/duskosavic.com\/blog\/wp-json\/wp\/v2\/categories?post=5016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/duskosavic.com\/blog\/wp-json\/wp\/v2\/tags?post=5016"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/duskosavic.com\/blog\/wp-json\/wp\/v2\/series?post=5016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}