{"id":836,"date":"2024-08-20T11:43:08","date_gmt":"2024-08-20T14:43:08","guid":{"rendered":"https:\/\/www.sysmap.com.br\/techblog\/?p=836"},"modified":"2024-09-30T16:33:02","modified_gmt":"2024-09-30T19:33:02","slug":"backstage-o-que-e-e-quais-beneficios-traz","status":"publish","type":"post","link":"https:\/\/www.sysmap.com.br\/techblog\/backstage-o-que-e-e-quais-beneficios-traz\/","title":{"rendered":"Backstage: O que \u00e9 e quais benef\u00edcios traz?"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Introdu\u00e7\u00e3o<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Em mar\u00e7o de 2020, a Spotify lan\u00e7ava a vers\u00e3o de c\u00f3digo aberto do Backstage – um portal local de desenvolvedores. A miss\u00e3o principal era ajudar a solucionar um problema em sua infraestrutura interna e facilitar a vida dos seus desenvolvedores. Imagine que uma equipe deseja implantar algo na nuvem e nem todos os engenheiros t\u00eam conhecimento aprofundado dos provedores de nuvem utilizados pela sua empresa. \u00c9 a\u00ed que entra o<\/span>\u00a0Backstage, unificando todas as suas ferramentas, servi\u00e7os e documenta\u00e7\u00e3o de infraestrutura em uma \u00fanica interface de usu\u00e1rio.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Fonte: Backstage.io<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Como o Backstage surgiu?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Nos \u00faltimos anos, vimos a Cultura DevOps<\/ins><\/a> crescer como uma forma de conter o aumento da complexidade e conflitos no ecossistema do desenvolvimento de software. Era o primeiro passo para tentar resolver um problema, que se agravou com a explos\u00e3o de ferramentas para desenvolvedores. Controlar uma enorme gama de ferramentas de infraestrutura, SaaS, Plug-ins, k8s etc, exigiria mais do que apenas uma cultura de processo s\u00f3lida, passou a ser necess\u00e1rio a cria\u00e7\u00e3o de IDP’s.<\/p>\n

E foi a partir disso que surgiu a plataforma de desenvolvimento mais utilizada, criada pela impressionante equipe de engenharia do Spotify da Su\u00e9cia, chamada Backstage.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

O que \u00e9 o Backstage?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Backstage \u00e9 uma plataforma aberta que permite a personaliza\u00e7\u00e3o de portais dos times de desenvolvedores para criar, gerenciar e explorar software a partir de uma \u00fanica interface web. Suas funcionalidades incluem cat\u00e1logo e modelos de software, documentos como c\u00f3digo e uma variedade de plug-ins que podem estender a plataforma.\u00a0<\/p>

O Backstage conta com um front-end para toda a sua infraestrutura, oferecendo aos desenvolvedores uma vis\u00e3o geral uniforme de todos os seus recursos, independentemente de como e onde eles est\u00e3o sendo executados, bem como uma maneira f\u00e1cil de integrar e come\u00e7ar a usar essas ferramentas. Tudo isso sem a necessidade de sair da interface do Backstage.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Fonte: Cortex.io<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Recursos do Backstage<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

O Backstage inclui v\u00e1rios recursos para organizar software e documenta\u00e7\u00e3o relacionada:<\/b><\/p>

– Cat\u00e1logo de software: <\/b>\u00e9 uma fonte unificada de metadados e informa\u00e7\u00f5es de propriedade sobre todos os softwares em que sua equipe trabalha, como microsservi\u00e7os, APIs, pipelines de dados, bibliotecas e muito mais. O cat\u00e1logo \u00e9 baseado em arquivos YAML. Voc\u00ea tamb\u00e9m pode rastrear software de terceiros e ter um local para visualizar todas as ferramentas externas usadas para gerenciar seu c\u00f3digo;<\/p>

– Modelos de software: <\/b>permitem definir um esqueleto de c\u00f3digo com vari\u00e1veis que podem ser preenchidas. Em seguida, voc\u00ea pode enviar seu modelo para GitHub ou GitLab, onde ele pode ser usado pela equipe para padronizar a cria\u00e7\u00e3o de novos servi\u00e7os;<\/p>

– Pesquisa:<\/b> permite escolher componentes modulares de front-end e back-end para criar a ferramenta de pesquisa certa para sua organiza\u00e7\u00e3o. Al\u00e9m de pesquisar seu cat\u00e1logo de software, voc\u00ea pode adicionar suporte para outras fontes, como plug-ins, wiki, Stack Overflow ou at\u00e9 mesmo ChatGPT. Todos esses resultados aparecer\u00e3o diretamente no Backstage para reduzir a troca de contexto;<\/p>

– Documentos t\u00e9cnicos: <\/b>permite que os engenheiros escrevam documenta\u00e7\u00e3o t\u00e9cnica como arquivos Markdown que convivem com o c\u00f3digo. A ideia \u00e9 remover todo o atrito na cria\u00e7\u00e3o de documentos e torn\u00e1-los realmente f\u00e1ceis de encontrar, para que os documentos sejam realmente usados. Um plug-in do Backstage criar\u00e1 e renderizar\u00e1 automaticamente um site de documentos + metadados;<\/p>

– Plug-ins Backstage: <\/b>por ser um projeto de c\u00f3digo aberto, o Backstage possui um n\u00famero crescente de plug-ins que podem ajud\u00e1-lo a personalizar a plataforma de acordo com suas necessidades. Plug-ins s\u00e3o componentes React adicionados \u00e0 p\u00e1gina de cada servi\u00e7o. \u00c9 poss\u00edvel, inclusive, construir seu pr\u00f3prio plug-in.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Quais problemas o Backstage resolve?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Sem uma plataforma ou portal centralizado como o Backstage, as equipes de desenvolvedores ficam \u00e0 pr\u00f3pria sorte. Isso n\u00e3o s\u00f3 prejudica a experi\u00eancia do desenvolvedor, como tamb\u00e9m reduz sua produtividade.<\/p>\n

Usar um IDP como o Backstage auxilia em:<\/b><\/p>\n

– Visibilidade e descoberta: <\/b>o Backstage fornece uma plataforma centralizada onde todos os servi\u00e7os e componentes de software s\u00e3o registrados. Isso torna mais f\u00e1cil para os desenvolvedores descobrirem os recursos existentes e entenderem como eles se encaixam na arquitetura mais ampla do sistema, aumentando a visibilidade entre equipes e projetos;<\/p>\n

– Documenta\u00e7\u00e3o e colabora\u00e7\u00e3o:<\/b> ao integrar a documenta\u00e7\u00e3o diretamente ao fluxo de trabalho de desenvolvimento, o Backstage garante que as informa\u00e7\u00f5es relevantes sejam facilmente acess\u00edveis a todos os membros da equipe. Tamb\u00e9m facilita a colabora\u00e7\u00e3o, fornecendo ferramentas para compartilhar conhecimento, feedback e melhores pr\u00e1ticas dentro da comunidade de desenvolvedores;<\/p>\n

– Padroniza\u00e7\u00e3o: <\/b>o Backstage fornece modelos e estruturas para a cria\u00e7\u00e3o de novos servi\u00e7os e componentes. Isso ajuda a garantir a consist\u00eancia nas pr\u00e1ticas de desenvolvimento e reduz a complexidade do gerenciamento de m\u00faltiplas tecnologias;<\/p>\n

– Gest\u00e3o de infraestrutura:<\/b> a plataforma oferece uma vis\u00e3o unificada da infraestrutura de uma organiza\u00e7\u00e3o, permitindo que os desenvolvedores gerenciem e monitorem seus servi\u00e7os em um s\u00f3 lugar. Isso simplifica as tarefas de gerenciamento de infraestrutura, ajudando a identificar e resolver problemas rapidamente;<\/p>\n

– Personaliza\u00e7\u00e3o: <\/b>reconhecendo que n\u00e3o existem dois ambientes de desenvolvimento exatamente iguais, o Backstage foi projetado para ser altamente personaliz\u00e1vel, permitindo que as equipes adaptem a plataforma para atender \u00e0s suas necessidades e fluxos de trabalho espec\u00edficos. Essa flexibilidade garante que os desenvolvedores possam otimizar o uso da plataforma para obter produtividade m\u00e1xima.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Fonte: Cortex.io<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Em resumo, criar uma Plataforma Interna de Desenvolvimento usando o Backstage oferece uma s\u00e9rie de benef\u00edcios, incluindo centraliza\u00e7\u00e3o de recursos, padroniza\u00e7\u00e3o de processos, automa\u00e7\u00e3o de fluxo de trabalho, visibilidade e transpar\u00eancia, integra\u00e7\u00e3o com ferramentas de terceiros, colabora\u00e7\u00e3o aprimorada e escalabilidade. Esses benef\u00edcios combinados ajudam a impulsionar a efici\u00eancia, a qualidade e a inova\u00e7\u00e3o no desenvolvimento de software dentro da organiza\u00e7\u00e3o.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Fontes:<\/b><\/p>\n

Spotify Engenharia<\/a>
<\/b>Cortex.io <\/a>
Backstage.io<\/a>
<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Imagine que uma equipe deseja implantar algo na nuvem e nem todos os engenheiros t\u00eam conhecimento aprofundado dos provedores de nuvem utilizados pela sua empresa. \u00c9 a\u00ed que entra o Backstage, unificando todas as suas ferramentas, servi\u00e7os e documenta\u00e7\u00e3o de infraestrutura em uma \u00fanica interface de usu\u00e1rio.<\/p>\n","protected":false},"author":6,"featured_media":1203,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,2],"tags":[],"class_list":["post-836","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-backstage","category-tecnologia"],"_links":{"self":[{"href":"https:\/\/www.sysmap.com.br\/techblog\/wp-json\/wp\/v2\/posts\/836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sysmap.com.br\/techblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sysmap.com.br\/techblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sysmap.com.br\/techblog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sysmap.com.br\/techblog\/wp-json\/wp\/v2\/comments?post=836"}],"version-history":[{"count":155,"href":"https:\/\/www.sysmap.com.br\/techblog\/wp-json\/wp\/v2\/posts\/836\/revisions"}],"predecessor-version":[{"id":1491,"href":"https:\/\/www.sysmap.com.br\/techblog\/wp-json\/wp\/v2\/posts\/836\/revisions\/1491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sysmap.com.br\/techblog\/wp-json\/wp\/v2\/media\/1203"}],"wp:attachment":[{"href":"https:\/\/www.sysmap.com.br\/techblog\/wp-json\/wp\/v2\/media?parent=836"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sysmap.com.br\/techblog\/wp-json\/wp\/v2\/categories?post=836"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sysmap.com.br\/techblog\/wp-json\/wp\/v2\/tags?post=836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}