App GitHub UI

Leitura de 6 minutos

Recurso

Quem pode usar esse recurso:

Disponível apenas para o monday dev

A Integração com o GitHub que você já conhece e ama pode ser integrada aos seus fluxos de trabalho do monday dev. Mas e se disséssemos que você pode visualizar dados sincronizados em tempo real do GitHub diretamente dentro do seu quadro? Isso é exatamente o que queremos apresentar a você com o aplicativo GitHub UI!

O que é GitHub UI?

GitHub UI é um aplicativo que pode ser adicionado como um widget dentro da sua visualização de cartão de elemento para visualizar dados de seus repositórios do GitHub. Você pode personalizar o aplicativo para para mostrar todas as suas filiais, compromissos, solicitações de pull do GitHub e o status CI/CD para cada uma de suas tarefas de desenvolvimento. Ele é sincronizado com sua conta do GitHub para mostrar apenas dados em tempo real.

Como configurar

Abra o cartão de elementos de qualquer um dos elementos no seu quadro e clique em "+" para adicionar o "Git UI" da Central de Visualização de Elementos. O app will vai abrir como uma nova aba "Git UI". Agora basta clicar em "Conectar ao GitHub".

Nota: Se o app não tiver sido pré-configurado para o quadro no qual você deseja usá-lo, basta pressionar '+' e selecionar "Git UI" da Central de Visualização de Elementos.

Você será redirecionado para a página do GitHub na foto abaixo, onde você pode clicar em "Instalar" para continuar.

Em seguida, é dada a opção de sincronizar todos os repositórios ou selecionar repositórios específicos e, em seguida, clicar em "Instalar" se concordar com os termos.

Nota: é importante notar que as permissões listadas aqui são exigidas pelo GitHub. Em nenhuma circunstância , a aprovação dessas permissões concede monday.com acesso a dados confidenciais dentro de sua conta do GitHub.

Quando você alcançar as seguintes permissões de listagem de tela, clique em "Autorizar" para continuar. Mais uma vez, queremos que você note que a monday.com só terá acesso a informações e atividades gerais da conta, mas nunca terá acesso para ler os dados que você carrega no GitHub.

Clique no "x" no canto superior direito da tela pop-up para começar a usar o aplicativo exatamente no cartão de item onde você começou o fluxo!

Como funciona?

Usando a coluna de ID de elementos, você pode conectar os itens do seu quadro a problemas e puxar solicitações no GitHub. Vamos ver como funciona.

Dica: Se você precisar de ajuda para adicionar e configurar a Coluna de ID do elemento ou quiser saber mais sobre ela, confira este artigo.

A Coluna de ID do elemento atribuirá automaticamente um número de identificação aleatório a cada um dos elementos ou subelementos no seu quadro. Você pode copiar esta ID para sua área de transferência simplesmente clicando no número, como mostrado abaixo.

Agora você pode colar o número de identificação no nome ou descrição de qualquer solicitação de pull ou problema. Usando o número de ID gerado pela monday.com criará o link entre uma solicitação de pull ou um problema no GitHub e o elemento monday.com certo.

Dica: você pode conectar problemas existentes e puxar solicitações editando-os para adicionar a ID do elemento.

Agora você pode ver o problema que você criou na guia "Problemas" no cartão de elemento relevante.

Quais informações são exibidas?

Os dados exibidos no aplicativo GitHub UI são categorizados em 3 guias; solicitações de pull, problemas e branches.

Solicitações de extração

A guia "Solicitações de pull" lista cada solicitação de pull no estilo de um elemento monday.com. Embora você não possa interagir com as colunas, todas as informações importantes são visíveis. As solicitações são listadas verticalmente e as informações relevantes são listadas horizontalmente nas seguintes "colunas":

Mostre-me as colunas!

Título - o nome da solicitação de pull, que também é um link direto para o arquivo no GitHub
Repositório - de qual repositório as alterações são
Status - o status de trabalho da solicitação
Autor - o solicitante
Revisores - os indivíduos ou equipe que está definido para rever as mudanças
Etiquetas - a etiqueta associada à solicitação de pull
Alterações - uma contagem ao vivo do número de alterações feitas
Última atual - uma indicação ao vivo de quanto tempo atrás as últimas mudanças foram feitas

Nota: se um membro da equipe usar o mesmo endereço de e-mail com o GitHub e com a monday.com, o aplicativo GitHub UI aplicará a imagem de perfil monday.com do usuário nas colunas "Autor" e "Revisores".

Problemas

A guia "Problemas" lista todos os problemas que foram rotulados com o mesmo ID do elemento. Eles são estruturados como elementos, assim como as solicitações de pull são, e são organizados pelas seguintes colunas:

Mostre-me as colunas!

Título - o nome do problema, que também é um link direto para o arquivo no GitHub
Repositório - de qual repositório o problema vem
Status - o status de trabalho do problema
Autor - o criador do problema
Atribuídos - os indivíduos ou equipe atribuída para resolver o problema
Etiquetas - a etiqueta associada ao problema
Criado em - a hora ou data em que o problema foi criado
Última atualização - uma indicação ao vivo de quanto tempo o problema foi criado

Filiais

A guia "Filiais" mostra todas as agências relacionadas a qualquer elemento em seu quadro. Elas estão organizados nas seguintes colunas:

Mostre-me as colunas!

Nome - o nome do arquivo da filial, diretamente vinculado à filial no GitHub
Repositório - de onde é o repositório deste ramo
Autor - o criador da filial
Filial base - a filial originária
Compromissos - quantos compromissos houve para esta filial
Última atualização - uma indicação ao vivo de quanto tempo atrás as últimas mudanças foram feitas
Solicitação de pull- um link para criar uma nova solicitação de pull ou um link para a solicitação de pull existente no GitHub

Incluímos um script que cria automaticamente uma filial conectada ao seu elemento, o que significa que você não terá que inserir manualmente o ID do elemento para fazer a conexão.

Dica: você pode criar uma nova solicitação de pull clicando no botão azul "Criar RP" na coluna "Solicitação de pull" na guia "Filiais". Você verá que ele aparecerá instantaneamente no GitHub, bem como na sua guia "Solicitações de pull"!

Resuma seus dados

Embora a lista itemizada de todos os seus problemas, solicitações de pull e filiais forneça detalhes específicos, a exibição "Resumo" mostrará uma descrição visual dos dados agregados em seu aplicativo GitHub!

Para mostrar o resumo do seu aplicativo, clique no menu de 3 pontos no canto superior direito do aplicativo e clique em "Configurações", como mostrado abaixo.

Agora você pode ver todos os seus dados organizados em:

Solicitações de pull - o número de solicitações e uma representação no estilo bateria de seus status
Problemas - o número de problemas e uma representação no estilo bateria de seus status
Stakeholders - o número de stakeholders e suas fotos de perfil da monday.com
Duração - a quantidade total de tempo que todos esses dados ficaram abertos

Dica: você pode passar o mouse sobre qualquer um dos gráficos de bateria para ver qual status de cada cor representa e quantos elementos são rotulados com cada status. Se você passar o mouse sobre uma imagem de perfil, o nome do interessado será exibido, e se você passar o mouse sobre a duração, você poderá ver as datas de início e término para este período!

Em breve: estamos trabalhando na adição de vários provedores de Git! Em breve você terá a opção de escolher entre uma lista de provedores de Git para que você possa usar este aplicativo mesmo que você não esteja usando o GitHub!

Se você tiver alguma dúvida, entre em contato com nossa equipe por aqui. Estamos disponíveis 24 horas e prontos para ajudar!

Kayla Kaplan - Quality check 13 de Março de 2024 15:46