{"id":537,"date":"2022-06-01T17:24:14","date_gmt":"2022-06-01T09:24:14","guid":{"rendered":"https:\/\/www.tonghin.com.my\/blog\/?p=537"},"modified":"2022-06-01T17:24:15","modified_gmt":"2022-06-01T09:24:15","slug":"generating-client-api-and-defined-with-the-openapi","status":"publish","type":"post","link":"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/","title":{"rendered":"Generating Client API and Defined with the OpenAPI"},"content":{"rendered":"\n<p>On the past week, I finished the OpenId server login last week and started a new work, which is generating the swagger API.<\/p>\n\n\n\n<p>Mr. Peter added the log out to the server, and then the thing was quite easy, it&#8217;s almost like the log but just has two arguments, the issuer and the logout argument, so now the user can log in and log out to the system through the OpenId server.<\/p>\n\n\n\n<p>After completing this task, the next goal is to convert the swagger API to Typescript. This was a new technology for me, and all I knew was that we could link the backend to the front end using the endpoint&#8217;s URL. Mr. Peter provided me with a link to the Swagger CodeGen library so that I could investigate it and integrate it into our system.<\/p>\n\n\n\n<p>I found the instructions for that library to be a little hazy, so I started watching YouTube videos where YouTubers hardcoded the generation, and I did the same until Mr. Peter came along and showed me that I only needed to perform one command. Then there was the difficulty of the SSL certificate, where I needed to figure out how to include those certifications on the command. This technology isn&#8217;t widely used, so I couldn&#8217;t find much information about it. Eventually, I figured it out and generated the code.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>On the past week, I finished the OpenId server login last week and started a new work, which is generating the swagger API. Mr. Peter added the log out to the server, and then the thing was quite easy, it&#8217;s almost like the log but just has two arguments, the issuer and the logout argument, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Generating Client API and Defined with the OpenAPI&#8221;<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[97,98],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Generating Client API and Defined with the OpenAPI | Tong Hin&#039;s Blog<\/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:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Generating Client API and Defined with the OpenAPI | Tong Hin&#039;s Blog\" \/>\n<meta property=\"og:description\" content=\"On the past week, I finished the OpenId server login last week and started a new work, which is generating the swagger API. Mr. Peter added the log out to the server, and then the thing was quite easy, it&#8217;s almost like the log but just has two arguments, the issuer and the logout argument, &hellip; Continue reading &quot;Generating Client API and Defined with the OpenAPI&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/\" \/>\n<meta property=\"og:site_name\" content=\"Tong Hin&#039;s Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-01T09:24:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-01T09:24:15+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#organization\",\"name\":\"TONG HIN MACHINERY\",\"url\":\"https:\/\/www.tonghin.com.my\/blog\/\",\"sameAs\":[\"https:\/\/www.youtube.com\/channel\/UC60EoxJMNbu8mV0LuEGfrBg\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.tonghin.com.my\/blog\/wp-content\/uploads\/2020\/10\/web_logo_180_180.jpg\",\"width\":180,\"height\":180,\"caption\":\"TONG HIN MACHINERY\"},\"image\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#website\",\"url\":\"https:\/\/www.tonghin.com.my\/blog\/\",\"name\":\"Tong Hin&#039;s Blog\",\"description\":\"Sharing About Technology\",\"publisher\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.tonghin.com.my\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/#webpage\",\"url\":\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/\",\"name\":\"Generating Client API and Defined with the OpenAPI | Tong Hin&#039;s Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#website\"},\"datePublished\":\"2022-06-01T09:24:14+00:00\",\"dateModified\":\"2022-06-01T09:24:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/\",\"url\":\"https:\/\/www.tonghin.com.my\/blog\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/\",\"url\":\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/\",\"name\":\"Generating Client API and Defined with the OpenAPI\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#\/schema\/person\/060db6cb6993c7115f5f2edbb7b140b3\"},\"headline\":\"Generating Client API and Defined with the OpenAPI\",\"datePublished\":\"2022-06-01T09:24:14+00:00\",\"dateModified\":\"2022-06-01T09:24:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#organization\"},\"keywords\":\"openid,swagger\",\"articleSection\":\"Experiential\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.tonghin.com.my\/blog\/2022\/06\/01\/generating-client-api-and-defined-with-the-openapi\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#\/schema\/person\/060db6cb6993c7115f5f2edbb7b140b3\",\"name\":\"Mohammedi Khalil\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8be22f995cf2350392872dba00c6b019?s=96&d=mm&r=g\",\"caption\":\"Mohammedi Khalil\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/posts\/537"}],"collection":[{"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/comments?post=537"}],"version-history":[{"count":2,"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/posts\/537\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/posts\/537\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/media?parent=537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/categories?post=537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/tags?post=537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}