{"id":9,"date":"2023-03-15T01:23:40","date_gmt":"2023-03-15T01:23:40","guid":{"rendered":"https:\/\/canessaalvamiguel.dev\/?p=9"},"modified":"2023-03-15T05:14:37","modified_gmt":"2023-03-15T05:14:37","slug":"keycloack-in-azure","status":"publish","type":"post","link":"https:\/\/canessaalvamiguel.dev\/index.php\/2023\/03\/15\/keycloack-in-azure\/","title":{"rendered":"Keycloak in Azure"},"content":{"rendered":"\n<p>En esta oportunidad veremos los pasos a seguir para tener una instancia de <a href=\"https:\/\/www.keycloak.org\/\">Keyclock <\/a>en Azure atravez de App Services.<\/p>\n\n\n\n<p>Los pasos a seguir son:<\/p>\n\n\n\n<p>Primero crear una nueva Azure App Services y selecciona Docker container y Linux:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"838\" height=\"720\" src=\"https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/1.png\" alt=\"\" class=\"wp-image-14\" srcset=\"https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/1.png 838w, https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/1-300x258.png 300w, https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/1-768x660.png 768w\" sizes=\"auto, (max-width: 838px) 100vw, 838px\" \/><figcaption class=\"wp-element-caption\">Figura 1<\/figcaption><\/figure>\n\n\n\n<p>Como segundo paso en la pesta\u00f1a &#8220;Docker&#8221; seleccionamos &#8220;Docker Hub&#8221; como &#8220;Image Source&#8221; y para &#8220;Configuration file&#8221; vamos a crear un archivo yml en nuestro ordenador para luego seleccionarlo, el contenido del archivo debe ser:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>version: 3\nservices:\n  keycloak:\n    image: jboss\/keycloak:latest\n    volumes:\n      - ${WEBAPP_STORAGE_HOME}\/data:\/opt\/jboss\/keycloak\/standalone\/data\n    restart: always<\/code><\/pre>\n\n\n\n<p>No olvides guardar el archivo como .yml, puedes usar cualquier nombre, por ejemplo: <em>&#8220;myConfiguration.yml&#8221;<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"879\" height=\"602\" src=\"https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/2-1.png\" alt=\"\" class=\"wp-image-16\" srcset=\"https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/2-1.png 879w, https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/2-1-300x205.png 300w, https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/2-1-768x526.png 768w\" sizes=\"auto, (max-width: 879px) 100vw, 879px\" \/><figcaption class=\"wp-element-caption\">Figura 2<\/figcaption><\/figure>\n\n\n\n<p>Como tercer paso ve al tab &#8220;Review + create&#8221; y presiona el boton &#8220;Create&#8221; espera a que la instancia este lista antes de seguir con el siguiente paso.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"589\" height=\"1024\" src=\"https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/3-589x1024.png\" alt=\"\" class=\"wp-image-17\" srcset=\"https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/3-589x1024.png 589w, https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/3-172x300.png 172w, https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/3.png 711w\" sizes=\"auto, (max-width: 589px) 100vw, 589px\" \/><figcaption class=\"wp-element-caption\">Figura 3<\/figcaption><\/figure>\n\n\n\n<p>Como cuarto y \u00faltimo paso se tiene que setear unas variables en &#8220;Configuration&#8221;, estas son:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>WEBSITES_ENABLE_APP_SERVICE_STORAGE -&gt; true<\/code><\/li>\n\n\n\n<li><code>KEYCLOAK_USER -&gt; admin<\/code><\/li>\n\n\n\n<li><code>KEYCLOAK_PASSWORD -&gt; password<\/code><\/li>\n\n\n\n<li><code>KEYCLOAK_FRONTEND_URL -&gt; https:\/\/keycloackserverdev003.azurewebsites.net\/auth<\/code><\/li>\n<\/ul>\n\n\n\n<p>las variables <code>KEYCLOAK_USER<\/code>, <code>KEYCLOAK_PASSWORD <\/code>pueden tener el valor que gustes, estos valores se usaran luego para poder acceder a KeyCloak.<br>La variable <code>KEYCLOAK_FRONTEND_URL<\/code>es la URL que Azure te asigno automaticamente para tu app mas <code>\"\/auth\"<\/code> al final de esta. La URL base la puedes obtener desde el tab &#8220;Overview&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"605\" src=\"https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/4-1-1024x605.png\" alt=\"\" class=\"wp-image-19\" srcset=\"https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/4-1-1024x605.png 1024w, https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/4-1-300x177.png 300w, https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/4-1-768x454.png 768w, https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/4-1.png 1417w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Figura 4<\/figcaption><\/figure>\n\n\n\n<p>presionamos el boton &#8220;Save&#8221;, esto hara que el servicio se reinicie, ya quedara ya listo para usar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/5-1024x574.png\" alt=\"\" class=\"wp-image-20\" srcset=\"https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/5-1024x574.png 1024w, https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/5-300x168.png 300w, https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/5-768x430.png 768w, https:\/\/canessaalvamiguel.dev\/wp-content\/uploads\/2023\/03\/5.png 1247w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Figura 5<\/figcaption><\/figure>\n\n\n\n<p>Consideraciones:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Esta configuracion usa H2 como base de datos, solo usar para entornos de prueba.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>En esta oportunidad veremos los pasos a seguir para tener una instancia de Keyclock en Azure atravez de<\/p>\n","protected":false},"author":1,"featured_media":30,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[6,7],"class_list":["post-9","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-azure","tag-azure","tag-keycloack"],"_links":{"self":[{"href":"https:\/\/canessaalvamiguel.dev\/index.php\/wp-json\/wp\/v2\/posts\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/canessaalvamiguel.dev\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/canessaalvamiguel.dev\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/canessaalvamiguel.dev\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/canessaalvamiguel.dev\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":10,"href":"https:\/\/canessaalvamiguel.dev\/index.php\/wp-json\/wp\/v2\/posts\/9\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/canessaalvamiguel.dev\/index.php\/wp-json\/wp\/v2\/posts\/9\/revisions\/31"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/canessaalvamiguel.dev\/index.php\/wp-json\/wp\/v2\/media\/30"}],"wp:attachment":[{"href":"https:\/\/canessaalvamiguel.dev\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/canessaalvamiguel.dev\/index.php\/wp-json\/wp\/v2\/categories?post=9"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/canessaalvamiguel.dev\/index.php\/wp-json\/wp\/v2\/tags?post=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}