{"id":2060,"date":"2022-06-29T21:08:08","date_gmt":"2022-06-30T00:08:08","guid":{"rendered":"https:\/\/felipeelia.com.br\/?p=2060"},"modified":"2022-08-27T19:09:44","modified_gmt":"2022-08-27T22:09:44","slug":"what-is-an-api","status":"publish","type":"post","link":"https:\/\/felipeelia.dev\/what-is-an-api\/","title":{"rendered":"What is an API?"},"content":{"rendered":"\n<p>Do you know what is an API? Why is it important to use your favorite framework&#8217;s APIs? Have you already heard about interfaces and black boxes? In this post, we will talk about all these topics with examples.<\/p>\n\n\n\n<p>I was going to write about the reasons why you should use WordPress&#8217;s APIs but I had to go back to so many concepts that we have to start talking about what is an API. <strong>This post is for both junior and senior developers.<\/strong> And yes, we are going to talk about <em>concepts<\/em> but stay there, these are some important ones.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>API is the acronym for <strong>Application Programming Interface<\/strong>. But what does that exactly mean?!<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image aligncenter size-medium\"><a href=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/confused-macgyver.png\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"225\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/confused-macgyver-300x225.png\" alt=\"MacGyver confuso com a frase &quot;I don't understand&quot; escrita\" class=\"wp-image-2025\" srcset=\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/confused-macgyver-300x225.png 300w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/confused-macgyver-1024x768.png 1024w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/confused-macgyver-768x576.png 768w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/confused-macgyver-1067x800.png 1067w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/confused-macgyver.png 1398w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<p>&#8220;Application&#8221; and &#8220;programming&#8221; are the easy parts. It is the &#8220;Interface&#8221; that we need to understand better.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is an <em>Interface<\/em>?<\/h2>\n\n\n\n<p>An Interface is nothing more than the outside layer, <strong>the part that connects with the exterior<\/strong>, keeping the interior safe.<\/p>\n\n\n\n<p>We deal with this concept every day and if that wasn&#8217;t possible we would freak out. Imagine if you had to know all the ins and outs of everything surrounding you! Some interface examples:<\/p>\n\n\n\n<ul><li><strong>Graphical Interface:<\/strong> You click, the program executes. You don&#8217;t need to know how it does, if you click and it does what you want that is all that matters.<\/li><li><strong>Ordering a meal in a restaurant:<\/strong> You place the order and receive the food. It doesn&#8217;t matter how many cooks they have, the pan color, or the stove brand.<\/li><li><strong>Sensory System:<\/strong> You don&#8217;t need to know how your body <em>smells<\/em> something, it simply does that for you.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/caixa-eletronico.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"482\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/caixa-eletronico.gif\" alt=\"Mulher chegando a um caixa eletr\u00f4nico aberto, com um homem sentado dentro fazendo contas para dar o dinheiro.\" class=\"wp-image-2008\"\/><\/a><figcaption class=\"wp-element-caption\">Insert a card and a password, and receive the money. That is all that needs to happen. It doesn&#8217;t matter if it is a machine or a guy with a calculator.<\/figcaption><\/figure>\n\n\n\n<p>The whole idea is based on the concept of <em>inputs<\/em> and <em>outputs<\/em>. Given an input, an output is expected, disregard the implementation:<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><\/td><td><strong>Input<\/strong><\/td><td><strong>Output<\/strong><\/td><\/tr><tr><td>Graphical Interface<\/td><td>Button click<\/td><td>Desired action<\/td><\/tr><tr><td>Restaurant order<\/td><td>Place the order<\/td><td>Receive the food<\/td><\/tr><tr><td>Sensory System<\/td><td>Touch on skin<\/td><td>Related sensation (cold, heat, etc.)<\/td><\/tr><tr><td>ATM<\/td><td>Insert a card and password<\/td><td>Receive money<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>This concept of input-output-no-matter-the-inside we call <strong>black box<\/strong>. There is an important difference here:<\/p>\n\n\n\n<ul><li><strong>A black box is what we call something that accepts an input and returns an output<\/strong>, without necessarily revealing how it created the output.<\/li><li><strong>An Interface is how you connect with the system<\/strong>, what is exactly the expected input (a number, two numbers, a string) and how the output will look like (another number, another string). <em>It is like a contract.<\/em><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/black-box-and-interface.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"595\" height=\"115\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/black-box-and-interface.jpg\" alt=\"\" class=\"wp-image-2061\" srcset=\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/black-box-and-interface.jpg 595w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/black-box-and-interface-300x58.jpg 300w\" sizes=\"(max-width: 595px) 100vw, 595px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Interfaces in OOP<\/h3>\n\n\n\n<p>Here I have to open a quick parenthesis. Interfaces are also something very important in Object-Oriented Programming. The idea is exactly the same: if a class declares it implements a certain interface, it is required to implement all the interface&#8217;s methods. I&#8217;ll leave here the <a href=\"https:\/\/www.php.net\/manual\/en\/language.oop5.interfaces.php\" target=\"_blank\" rel=\"noreferrer noopener\">official PHP documentation about interfaces<\/a> but leave a comment if this is a topic you would like to see in another post.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Okay&#8230; Can we get back to APIs now?<\/h2>\n\n\n\n<p>And here is where the real post begins! Let&#8217;s get back to the acronym:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Application<\/strong> <strong>Programming<\/strong> <strong>Interface<\/strong> is a <em>part of the application only accessible via code made by a group of methods with inputs and outputs, doesn&#8217;t matter their implementation<\/em>.<\/p>\n<\/blockquote>\n\n\n\n<p>Does it make more sense now?<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-medium\"><a href=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/now-i-see-now-i-get-it.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"167\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/now-i-see-now-i-get-it-300x167.jpg\" alt=\"\" class=\"wp-image-2063\" srcset=\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/now-i-see-now-i-get-it-300x167.jpg 300w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/now-i-see-now-i-get-it-768x429.jpg 768w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/now-i-see-now-i-get-it.jpg 894w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<p>(For the complainers, yeah, I know you can access a REST API with your browser but that is not the intended use of it.)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress&#8217;s APIs<\/h2>\n\n\n\n<p>When I had the idea to write this post, I was going to talk about how important it is to use WordPress&#8217;s internal APIs. WP has lots of these APIs, we&#8217;ve already talked about some of them here (in Portuguese):  <a href=\"https:\/\/felipeelia.com.br\/cache-facil-no-wordpress-transients-api\/\">Transients API<\/a> and <a href=\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-1\/\">Settings API<\/a> are some examples. The full list of WordPress&#8217;s APIs is available at <a href=\"https:\/\/developer.wordpress.org\/apis\/\">https:\/\/developer.wordpress.org\/apis\/<\/a>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>But why should we use these APIs instead of simply writing something in the database directly or saving a file in the server?<\/p>\n<\/blockquote>\n\n\n\n<p>There are many reasons, let&#8217;s check some of them.<\/p>\n\n\n\n<p><strong>Note:<\/strong> these concepts are not isolated but rather complementary. Also, I did not try to cover all the possible aspects, so feel free to explore any other aspect in the comments section.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Separation of concerns<\/h2>\n\n\n\n<p>This is a principle that aims to split the application into modules, each one responsible for just one thing. These modules communicate with each other using \u2014 you guessed it \u2014 interfaces. This way, <strong>a code that creates a product is apart from the code that deals with orders<\/strong>, and that only <em>calls<\/em> the module responsible for storing data somewhere.<\/p>\n\n\n\n<p>Many years ago, unfortunately, it was common to see PHP applications with several calls to <code>mysqli_real_connect<\/code> and similars. Today that is not the reality anymore. In WordPress, for example, we have the <code>wpdb<\/code> class, other frameworks use ORM but every time it is necessary to store\/save some data there is an abstraction layer we can count with.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/ruptura.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"267\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/ruptura.gif\" alt=\"\" class=\"wp-image-2039\"\/><\/a><figcaption class=\"wp-element-caption\">The <em>Severance<\/em> TV Series takes separation of concerns to a WHOLE DIFFERENT level.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Readability<\/h2>\n\n\n\n<p><strong>We do not write code for machines but for other human beings<\/strong>, after all, we say &#8220;Code is poetry&#8221; for a reason. That said, it is important to look at a code for the first time and understand what it does.<\/p>\n\n\n\n<p>What is easier to understand? This<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\nglobal $wpdb;\n$wpdb-&gt;query(\n\t$wpdb-&gt;prepare(\n\t\t\"INSERT INTO `$wpdb-&gt;options` (`option_name`, `option_value`, `autoload`)\n\t\t\tVALUES (%s, %s, %s)\n\t\t\tON DUPLICATE KEY\n\t\t\tUPDATE\n\t\t\t\t`option_name` = VALUES(`option_name`),\n\t\t\t\t`option_value` = VALUES(`option_value`),\n\t\t\t\t`autoload` = VALUES(`autoload`)\", \n\t\t$option,\n\t\t$serialized_value,\n\t\t$autoload\n\t)\n);<\/code><\/pre>\n\n\n\n<p>or this?<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\nupdate_option( 'my_option', 'value' );<\/code><\/pre>\n\n\n\n<p>The second option, right? It is easy to understand we are saving an option and if we want to use any other storage mechanism like Redis or Memcached (more about this below), the part of the software calling the <code>update_option()<\/code> function does not need to be changed.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/code-is-poetry.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/code-is-poetry.jpg\" alt=\"\" class=\"wp-image-2040\" width=\"576\" height=\"323\" srcset=\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/code-is-poetry.jpg 768w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/code-is-poetry-300x168.jpg 300w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><figcaption class=\"wp-element-caption\">Code is Poetry!<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Practical Examples<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Using WordPress APIs makes life easier. Sometimes, not using them make the project unfeasible.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Files API<\/h2>\n\n\n\n<p>This is a classic case. The programmer saves the file using functions like <code>fopen<\/code>, <code>fclose<\/code>, etc. and everything works fine. The project grows a bit, <strong>infrastructure needs to scale and files start to disappear<\/strong>. Let&#8217;s give a look at some diagrams to understand it better.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Saving directly into the server (with only one web server)<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/wp-files-api-part-1-saving-directly-into-the-server.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"742\" height=\"131\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/wp-files-api-part-1-saving-directly-into-the-server.jpg\" alt=\"\" class=\"wp-image-2066\" srcset=\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/wp-files-api-part-1-saving-directly-into-the-server.jpg 742w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/wp-files-api-part-1-saving-directly-into-the-server-300x53.jpg 300w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/><\/a><\/figure>\n\n\n\n<p>So far, so good. The admin user sent the file to the single server and, when the user visits the site, the file will be there.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Saving directly into the server (with more than one web server)<\/h3>\n\n\n\n<p>Now let&#8217;s suppose we need another server. In front of the two web servers, we place a <em>load balancer<\/em>, to split traffic between them.<\/p>\n\n\n\n<p>If we save the file directly into the server, it will be stored only in the server where the admin user uploaded the file, not being found every time the requests are sent to the other web server.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/wp-files-api-part-2-saving-directly-into-the-server.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"793\" height=\"523\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/wp-files-api-part-2-saving-directly-into-the-server.jpg\" alt=\"\" class=\"wp-image-2067\" srcset=\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/wp-files-api-part-2-saving-directly-into-the-server.jpg 793w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/wp-files-api-part-2-saving-directly-into-the-server-300x198.jpg 300w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/wp-files-api-part-2-saving-directly-into-the-server-768x507.jpg 768w\" sizes=\"(max-width: 793px) 100vw, 793px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Saving it somewhere else<\/h3>\n\n\n\n<p>Usually, the solution relies on saving the files somewhere else, like an <a href=\"https:\/\/aws.amazon.com\/s3\/\" target=\"_blank\" rel=\"noreferrer noopener\">Amazon S3 Bucket<\/a>, for example. It could be anywhere, the important here is to be a place accessible to all the servers.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/wp-files-api-part-3-saving-into-amazon-s3.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"839\" height=\"524\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/wp-files-api-part-3-saving-into-amazon-s3.jpg\" alt=\"\" class=\"wp-image-2069\" srcset=\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/wp-files-api-part-3-saving-into-amazon-s3.jpg 839w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/wp-files-api-part-3-saving-into-amazon-s3-300x187.jpg 300w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/wp-files-api-part-3-saving-into-amazon-s3-768x480.jpg 768w\" sizes=\"(max-width: 839px) 100vw, 839px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How do we fix this?<\/h3>\n\n\n\n<p>The solution to this example is simple and makes usage of a <a href=\"https:\/\/github.com\/humanmade\/S3-Uploads\">plugin<\/a>.<\/p>\n\n\n\n<p>The most important for us here is that <strong>the plugin will only work for the code using WordPress&#8217;s Files API<\/strong>. It will not be able to change direct calls to <code>fopen<\/code> but only calls to <code>$wp_filesystem-&gt;put_contents()<\/code> or functions that pass through the Files API.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Transients API<\/h2>\n\n\n\n<p>If you read the <a href=\"https:\/\/felipeelia.com.br\/cache-facil-no-wordpress-transients-api\/\">post about the Transients API<\/a> and the <a href=\"https:\/\/developer.wordpress.org\/apis\/handbook\/transients\/#function-reference\">official documentation<\/a> you&#8217;ll see that it consists of basically three functions: <code>set_transient()<\/code>, <code>get_transient()<\/code>, and <code>delete_transient()<\/code>. You could quickly implement three functions to store, get, and delete values from the database but you would be losing one of the most used pieces of infrastructure to improve performance: <strong>in-memory storage<\/strong>.<\/p>\n\n\n\n<p>Relax, it is not a big deal. When I talked about <a href=\"https:\/\/felipeelia.com.br\/tipos-de-plugin-do-wordpress\/\">plugin types<\/a>, I&#8217;ve talked about <em>drop-ins<\/em>, one of them being <code>object-cache.php<\/code>. With it, it is possible to use software like Redis or Memcached to store things in memory, instead of going to the disk every time. <strong>Memory access is faster than disk access<\/strong> and, because of that, these programs return things faster than the database.<\/p>\n\n\n\n<p>If you are storing things in your database directly, adding something like these programs to your infrastructure will make no difference. On the other hand, <strong>if you are using WordPress&#8217;s API, a plugin will be enough<\/strong>, it is just a matter of configuring and placing its <em>drop-in<\/em> and things will automatically work. If you want to change between Redis and Memcached you won&#8217;t need to worry too, as the implementation will change but <em>the interface you are using remains the same<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/redis-object-cache-plugin.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2022\/06\/redis-object-cache-plugin.png\" alt=\"\" class=\"wp-image-2048\" width=\"480\" height=\"216\" srcset=\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/redis-object-cache-plugin.png 959w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/redis-object-cache-plugin-300x135.png 300w, https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/redis-object-cache-plugin-768x345.png 768w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/a><figcaption class=\"wp-element-caption\">Here in the blog, I use the <a href=\"https:\/\/br.wordpress.org\/plugins\/redis-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">Redis Object Cache<\/a> plugin<\/figcaption><\/figure>\n\n\n\n<p>Make sure you also give a look at the <a href=\"https:\/\/felipeelia.dev\/wordpress-object-cache-and-redis\/\">post about Object Cache and Redis<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress REST API<\/h2>\n\n\n\n<p>I&#8217;ve already talked about this topic years ago but it is still useful. If you got here wanting to learn more about <a href=\"https:\/\/felipeelia.com.br\/a-api-rest-do-wordpress\/\">WordPress REST API<\/a> you can check this other post. I&#8217;m pretty sure you will like it!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>This is a giant post, I know. If you can share it on your social networks, subscribe to the newsletter, and leave a comment you help me a lot. THANK YOU!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is an API and why is it important to use your favorite framework&#8217;s APIs? That and some important concepts in this post!<\/p>\n","protected":false},"author":1,"featured_media":2018,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[148,145,91],"tags":[155,157,162],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is an API? | Felipe Elia<\/title>\n<meta name=\"description\" content=\"What is an API and why is it important to use your favorite framework&#039;s APIs? That and some important concepts in this post!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/felipeelia.dev\/what-is-an-api\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is an API? | Felipe Elia\" \/>\n<meta property=\"og:description\" content=\"What is an API and why is it important to use your favorite framework&#039;s APIs? That and some important concepts in this post!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/felipeelia.dev\/what-is-an-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Felipe Elia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/felipe.elia\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/felipe.elia\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-30T00:08:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-27T22:09:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Felipe Elia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/felipe_elia\" \/>\n<meta name=\"twitter:site\" content=\"@felipe_elia\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Felipe Elia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/felipeelia.dev\/what-is-an-api\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/felipeelia.dev\/what-is-an-api\/\"},\"author\":{\"name\":\"Felipe Elia\",\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\"},\"headline\":\"What is an API?\",\"datePublished\":\"2022-06-30T00:08:08+00:00\",\"dateModified\":\"2022-08-27T22:09:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/felipeelia.dev\/what-is-an-api\/\"},\"wordCount\":1506,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\"},\"keywords\":[\"API\",\"PHP\",\"WordPress\"],\"articleSection\":[\"PHP\",\"Programming\",\"WordPress\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/felipeelia.dev\/what-is-an-api\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/felipeelia.dev\/what-is-an-api\/\",\"url\":\"https:\/\/felipeelia.dev\/what-is-an-api\/\",\"name\":\"What is an API? | Felipe Elia\",\"isPartOf\":{\"@id\":\"https:\/\/felipeelia.com.br\/#website\"},\"datePublished\":\"2022-06-30T00:08:08+00:00\",\"dateModified\":\"2022-08-27T22:09:44+00:00\",\"description\":\"What is an API and why is it important to use your favorite framework's APIs? That and some important concepts in this post!\",\"breadcrumb\":{\"@id\":\"https:\/\/felipeelia.dev\/what-is-an-api\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/felipeelia.dev\/what-is-an-api\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/felipeelia.dev\/what-is-an-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/felipeelia.dev\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is an API?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/felipeelia.com.br\/#website\",\"url\":\"https:\/\/felipeelia.com.br\/\",\"name\":\"Felipe Elia\",\"description\":\"Programa\u00e7\u00e3o com WordPress de um jeito f\u00e1cil, do b\u00e1sico ao avan\u00e7ado\",\"publisher\":{\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/felipeelia.com.br\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\",\"name\":\"Felipe Elia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2023\/06\/avatar-400x400-1.jpg\",\"contentUrl\":\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2023\/06\/avatar-400x400-1.jpg\",\"width\":400,\"height\":400,\"caption\":\"Felipe Elia\"},\"logo\":{\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/image\/\"},\"description\":\"Associate Director of Platform Engineering na 10up, WordPress Core Contributor, Global Polyglots Mentor na comunidade internacional do WordPress e Locale Manager na comunidade WordPress Brasil.\",\"sameAs\":[\"https:\/\/www.facebook.com\/felipe.elia\",\"https:\/\/www.instagram.com\/felipe.elia\/\",\"https:\/\/www.linkedin.com\/in\/felipeelia\/\",\"https:\/\/twitter.com\/https:\/\/twitter.com\/felipe_elia\",\"https:\/\/www.youtube.com\/channel\/UCD_26rOE3ClALcZreTkyIoQ\"],\"url\":\"https:\/\/felipeelia.com.br\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is an API? | Felipe Elia","description":"What is an API and why is it important to use your favorite framework's APIs? That and some important concepts in this post!","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:\/\/felipeelia.dev\/what-is-an-api\/","og_locale":"pt_BR","og_type":"article","og_title":"What is an API? | Felipe Elia","og_description":"What is an API and why is it important to use your favorite framework's APIs? That and some important concepts in this post!","og_url":"https:\/\/felipeelia.dev\/what-is-an-api\/","og_site_name":"Felipe Elia","article_publisher":"https:\/\/www.facebook.com\/felipe.elia","article_author":"https:\/\/www.facebook.com\/felipe.elia","article_published_time":"2022-06-30T00:08:08+00:00","article_modified_time":"2022-08-27T22:09:44+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask.jpg","type":"image\/jpeg"}],"author":"Felipe Elia","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/felipe_elia","twitter_site":"@felipe_elia","twitter_misc":{"Escrito por":"Felipe Elia","Est. tempo de leitura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/felipeelia.dev\/what-is-an-api\/#article","isPartOf":{"@id":"https:\/\/felipeelia.dev\/what-is-an-api\/"},"author":{"name":"Felipe Elia","@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292"},"headline":"What is an API?","datePublished":"2022-06-30T00:08:08+00:00","dateModified":"2022-08-27T22:09:44+00:00","mainEntityOfPage":{"@id":"https:\/\/felipeelia.dev\/what-is-an-api\/"},"wordCount":1506,"commentCount":0,"publisher":{"@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292"},"keywords":["API","PHP","WordPress"],"articleSection":["PHP","Programming","WordPress"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/felipeelia.dev\/what-is-an-api\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/felipeelia.dev\/what-is-an-api\/","url":"https:\/\/felipeelia.dev\/what-is-an-api\/","name":"What is an API? | Felipe Elia","isPartOf":{"@id":"https:\/\/felipeelia.com.br\/#website"},"datePublished":"2022-06-30T00:08:08+00:00","dateModified":"2022-08-27T22:09:44+00:00","description":"What is an API and why is it important to use your favorite framework's APIs? That and some important concepts in this post!","breadcrumb":{"@id":"https:\/\/felipeelia.dev\/what-is-an-api\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/felipeelia.dev\/what-is-an-api\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/felipeelia.dev\/what-is-an-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/felipeelia.dev\/"},{"@type":"ListItem","position":2,"name":"What is an API?"}]},{"@type":"WebSite","@id":"https:\/\/felipeelia.com.br\/#website","url":"https:\/\/felipeelia.com.br\/","name":"Felipe Elia","description":"Programa\u00e7\u00e3o com WordPress de um jeito f\u00e1cil, do b\u00e1sico ao avan\u00e7ado","publisher":{"@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/felipeelia.com.br\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":["Person","Organization"],"@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292","name":"Felipe Elia","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/image\/","url":"https:\/\/felipeelia.dev\/wp-content\/uploads\/2023\/06\/avatar-400x400-1.jpg","contentUrl":"https:\/\/felipeelia.dev\/wp-content\/uploads\/2023\/06\/avatar-400x400-1.jpg","width":400,"height":400,"caption":"Felipe Elia"},"logo":{"@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/image\/"},"description":"Associate Director of Platform Engineering na 10up, WordPress Core Contributor, Global Polyglots Mentor na comunidade internacional do WordPress e Locale Manager na comunidade WordPress Brasil.","sameAs":["https:\/\/www.facebook.com\/felipe.elia","https:\/\/www.instagram.com\/felipe.elia\/","https:\/\/www.linkedin.com\/in\/felipeelia\/","https:\/\/twitter.com\/https:\/\/twitter.com\/felipe_elia","https:\/\/www.youtube.com\/channel\/UCD_26rOE3ClALcZreTkyIoQ"],"url":"https:\/\/felipeelia.com.br\/author\/admin\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask.jpg",1920,1080,false],"thumbnail":["https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask-150x150.jpg",150,150,true],"medium":["https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask-300x169.jpg",300,169,true],"medium_large":["https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask-768x432.jpg",768,432,true],"large":["https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask-1536x864.jpg",1536,864,true],"2048x2048":["https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask.jpg",1920,1080,false],"ocean-thumb-m":["https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask.jpg",600,338,false],"ocean-thumb-ml":["https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask.jpg",800,450,false],"ocean-thumb-l":["https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask.jpg",1200,675,false],"yarpp-thumbnail":["https:\/\/felipeelia.dev\/wp-content\/uploads\/2022\/06\/mib-alien-behind-mask-120x120.jpg",120,120,true]},"uagb_author_info":{"display_name":"Felipe Elia","author_link":"https:\/\/felipeelia.com.br\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"What is an API and why is it important to use your favorite framework's APIs? That and some important concepts in this post!","_links":{"self":[{"href":"https:\/\/felipeelia.dev\/wp-json\/wp\/v2\/posts\/2060"}],"collection":[{"href":"https:\/\/felipeelia.dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/felipeelia.dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/felipeelia.dev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/felipeelia.dev\/wp-json\/wp\/v2\/comments?post=2060"}],"version-history":[{"count":0,"href":"https:\/\/felipeelia.dev\/wp-json\/wp\/v2\/posts\/2060\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/felipeelia.dev\/wp-json\/wp\/v2\/media\/2018"}],"wp:attachment":[{"href":"https:\/\/felipeelia.dev\/wp-json\/wp\/v2\/media?parent=2060"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/felipeelia.dev\/wp-json\/wp\/v2\/categories?post=2060"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/felipeelia.dev\/wp-json\/wp\/v2\/tags?post=2060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}