{"id":2475,"date":"2022-07-10T22:25:45","date_gmt":"2022-07-11T01:25:45","guid":{"rendered":"http:\/\/www.l2maker.com.br\/documentacao\/?p=2475"},"modified":"2022-07-11T10:02:42","modified_gmt":"2022-07-11T13:02:42","slug":"firebase-authentication","status":"publish","type":"post","link":"https:\/\/www.l2maker.com.br\/documentacao\/2022\/07\/firebase-authentication\/","title":{"rendered":"Firebase Authentication"},"content":{"rendered":"\n<p>Esta API permite a integra\u00e7\u00e3o da rotina de autentica\u00e7\u00e3o do Firebase no Maker\/Webrun.<\/p>\n\n\n\n<p>\u00c9 necess\u00e1rio ter um projeto no Firebase, bem como nas demais plataformas a serem integradas (Microsoft, Google, Twitter&#8230;).<\/p>\n\n\n\n<p><strong><span class=\"has-inline-color has-vivid-red-color\">IMPORTANTE: O suporte a API n\u00e3o cobre a configura\u00e7\u00e3o do Firebase, Microsoft, Twitter&#8230; caso deseje suporte \u00e0 configura\u00e7\u00e3o das contas voc\u00ea deve contratar suporte espec\u00edfico.<\/span><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Passso a passo<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>Adicione uma moldura no local onde deseja exibir as op\u00e7\u00f5es de autentica\u00e7\u00e3o;<\/li><li>Utiliza a fun\u00e7\u00e3o &#8220;<strong>Firebase &#8211; Authentication &#8211; Inicializar<\/strong>&#8221; passando os seguintes par\u00e2metros:<ol><li>Nome do componente &#8211; Onde ser\u00e1 exibidas as op\u00e7\u00f5es do login;<\/li><li>Configura\u00e7\u00f5es do Firebase (Letras) &#8211; JSON com as configura\u00e7\u00f5es. EX:<br><\/li><\/ol><\/li><\/ol>\n\n\n\n<p><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>{<br>apiKey: &#8220;A*************************M&#8221;,<br>authDomain: &#8220;l2maker*****.firebaseapp.com&#8221;,<br>databaseURL: &#8220;https:\/\/l2maker*****.firebaseio.com&#8221;,<br>projectId: &#8220;l2maker******&#8221;,<br>storageBucket: &#8220;l2maker*******.appspot.com&#8221;,<br>messagingSenderId: &#8220;71991458018&#8221;,<br>appId: &#8220;1:******:web:*******f&#8221;,<br>measurementId: &#8220;G-*******&#8221;<br>}<\/strong><\/span><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Provedores (Letras) &#8211; Lista de m\u00e9todos de acessos que ser\u00e3o exibidos. EX: &#8220;password,microsoft.com&#8221;;<ol><li>Fluxo (Regra) nome do fluxo que ser\u00e1 executado quando o login for conclu\u00eddo;<\/li><li>Cor (Cor) de fundo da tela, para facilitar a combina\u00e7\u00e3o com a cor de fundo do formul\u00e1rio.<\/li><\/ol><\/li><li>No fluxo ap\u00f3s a autentica\u00e7\u00e3o voc\u00ea pode validar o token de acesso, e seguir com a autentica\u00e7\u00e3o, ou acionar a autentica\u00e7\u00e3o e validar os dados no evento &#8220;Ao Autenticar&#8221; do sistema ( <a rel=\"noreferrer noopener\" href=\"https:\/\/documentation.help\/softwell.manual.maker.2\/propriedades_e_eventos_da_area_de_trabalho.htm\" target=\"_blank\">https:\/\/documentation.help\/softwell.manual.maker.2\/propriedades_e_eventos_da_area_de_trabalho.htm<\/a> ).<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Configurando a conta da Microsoft<\/h2>\n\n\n\n<p>Para integrar o login da Microsoft voc\u00ea deve informar o application\/client id, e o secret, al\u00e9m de configurar a URL de redirecionamento indicado na sua conta do Firebase.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/1-microsoft.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"694\" src=\"https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/1-microsoft-1024x694.png\" alt=\"\" class=\"wp-image-2484\" srcset=\"https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/1-microsoft-1024x694.png 1024w, https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/1-microsoft-300x203.png 300w, https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/1-microsoft-768x520.png 768w, https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/1-microsoft.png 1407w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/2-microsoft-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/2-microsoft-1-1024x632.png\" alt=\"\" class=\"wp-image-2487\" srcset=\"https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/2-microsoft-1-1024x632.png 1024w, https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/2-microsoft-1-300x185.png 300w, https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/2-microsoft-1-768x474.png 768w, https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/2-microsoft-1.png 1399w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/3-microsoft.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"746\" src=\"https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/3-microsoft-1024x746.png\" alt=\"\" class=\"wp-image-2486\" srcset=\"https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/3-microsoft-1024x746.png 1024w, https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/3-microsoft-300x218.png 300w, https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/3-microsoft-768x559.png 768w, https:\/\/www.l2maker.com.br\/documentacao\/wp-content\/uploads\/2022\/07\/3-microsoft.png 1152w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Esta API permite a integra\u00e7\u00e3o da rotina de autentica\u00e7\u00e3o do Firebase no Maker\/Webrun. \u00c9 necess\u00e1rio ter um projeto no Firebase, bem como nas demais plataformas a serem integradas (Microsoft, Google, Twitter&#8230;). IMPORTANTE: O suporte a API n\u00e3o cobre a configura\u00e7\u00e3o do Firebase, Microsoft, Twitter&#8230; caso deseje suporte \u00e0 configura\u00e7\u00e3o das contas voc\u00ea deve contratar suporte [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[294,1],"tags":[292],"class_list":["post-2475","post","type-post","status-publish","format-standard","hentry","category-api-firebase-documentacao","category-sem-categoria","tag-firebase"],"_links":{"self":[{"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/posts\/2475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/comments?post=2475"}],"version-history":[{"count":5,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/posts\/2475\/revisions"}],"predecessor-version":[{"id":2493,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/posts\/2475\/revisions\/2493"}],"wp:attachment":[{"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/media?parent=2475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/categories?post=2475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/tags?post=2475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}