The document discusses new possibilities for integrating DevOps initiatives with Team Foundation Server (TFS) through extensions. It covers customizing and configuring TFS/VSTS, extending functionality through extensions in the marketplace, and integrating other tools. Examples of extensions are provided for managing requirements with a custom hub and adding build tasks for legacy systems. The process for creating an extension, packaging it, publishing it, and making it public is also outlined.

1. Globalcode – Open4education
Trilha – DevOps .Net
TFS Extensions
Novas possibilidades para integrar suas iniciativas de DevOps ao TFS
Igor Rosa Macedo

2. Globalcode – Open4education
Agenda
DevOps: Porque ferramentas flexíveis são importantes
para DevOps?
Conceito: Customização/Configuração, Integração e
Extensão
TFS/VSTS: possibilidades antes das extensões
TFS/VSTS: novas possibilidades
Marketplace
Extensões e integrações
Cenários de aplicação:
Gestão de Demandas: Custom Hub
Build VS2003: Build Task
Passo a passo: criando uma extensão:

3. Globalcode – Open4education
DevOps

4. Globalcode – Open4education
DevOps

5. Globalcode – Open4education
DevOps

6. Globalcode – Open4education
DevOps
• Colaboração
• Automação
• Feedback
Valor para o negócio

7. Globalcode – Open4education
DevOps não é:
• Processo
• Metodologia
• Framework
• Cargo
• Ferramenta

8. Globalcode – Open4education
DevOps
• Pessoas
• Processos
• Ferramentas

9. Globalcode – Open4education
Ferramentas Flexíveis
• Configuração/
Customização
• Extensão
• Integração

10. Globalcode – Open4education
Customização

11. Globalcode – Open4education
Customização (TFS/VSTS)
• Process Template
• Workitem Types;
• Fields;
• Workflow;

12. Globalcode – Open4education
Customização (TFS/VSTS)
• Backlog
• Board

13. Globalcode – Open4education
• Queries
• Relatórios
Customização (TFS/VSTS)

14. Globalcode – Open4education
• Alertas
Customização (TFS/VSTS)

15. Globalcode – Open4education
• Permissões e Grupos de Permissões
Customização (TFS/VSTS)

16. Globalcode – Open4education
• Dashboards
Customização (TFS/VSTS)

17. Globalcode – Open4education
Extensão
• Server Plugins*
• Scheduled Jobs*
• Build
• Release
*Somente no TFS (on-premises)

18. Globalcode – Open4education
Integração
• Service Hooks
• Server Plugins*
• Scheduled Jobs*
• Alertas
• Build
• Release
*Somente no TFS (on-premises)

19. Globalcode – Open4education
Marketplace

20. Globalcode – Open4education
VSTS/TFS Extensions
An extension uses Microsoft-provided APIs to
install/plug into a Microsoft product.

21. Globalcode – Open4education
VSTS/TFS Extensions
An integration is a product, tool, or service that
integrations with a Microsoft product in some way,
but does not install into that Microsoft product
directly.

22. Globalcode – Open4education
Cenário1
Gestão de Demandas
Demandas Aprovadas
Regulatory
Operation
Business
BuildFontes QA ProduçãoReleaseWorkitems

23. Globalcode – Open4education
Cenário1

24. Globalcode – Open4education
Hub Extension

25. Globalcode – Open4education
Cenario2
Build
MSBuild
Legado

26. Globalcode – Open4education
Build Task

27. Globalcode – Open4education
Pontos de Extensão
Hubs e Hubs Group

28. Globalcode – Open4education
Pontos de Extensão
Add backlog tabs

29. Globalcode – Open4education
Pontos de Extensão
Menus e toolbars

30. Globalcode – Open4education
Pontos de Extensão
Workitem form
• Add a group to the main page
• Add a page (tab)
• Add an action to the context menu
• Listen for events on the form

31. Globalcode – Open4education
Pontos de Extensão
Dashboard Widgets

32. Globalcode – Open4education
Pontos de Extensão
Build e Deploy Tasks

33. Globalcode – Open4education
Passo a passo
1.Criar a extensão:
• SDK;
• Icone;
• Manifest;
• Conteúdo (scripts, html, css,
images);
2.Empacotar (vsix);
3.Publicar:
• Criar Publisher;
• Realizar upload;
4.Compartilhar;
5.Disponibilizar para todos;

34. Globalcode – Open4education
Visual Studio Services
Web Extension SDK
https://github.com/Microsoft/vss-web-extension-sdk

35. Globalcode – Open4education
Visual Studio Services
Web Extension SDK
https://github.com/Microsoft/vss-web-extension-sdk

36. Globalcode – Open4education
Visual Studio Services
Web Extension SDK

37. Globalcode – Open4education
Manifest
Core properties

38. Globalcode – Open4education
Manifest
Discovery properties

39. Globalcode – Open4education
Manifest
Runtime properties

40. Globalcode – Open4education
Hospedagem do conteúdo
• Interno (VSTS/TFS);
• Externo;

41. Globalcode – Open4education
Armazenamento de dados
Settings: simple key-value
settings (like user
preferences)
Documents: collections of
similar complex objects
(documents)

42. Globalcode – Open4education
Empacotamento
TFX-CLI

43. Globalcode – Open4education
Publicando
• Criar Publisher;
• Upload vsix (portal ou Tfx-cli);
http://aka.ms/vsmarketplace-manage

44. Globalcode – Open4education
Compartilhando

45. Globalcode – Open4education
Tornando Público
“Send an email to vsmarketplace@microsoft.com
•Use the subject Publisher verification request
•Include your publisher ID in the e-mail
•Send from your organization/company e-mail address
•Share details of your association with a business/company and other
information such as
•Link to your site
•Link to your LinkedIn account
•Link to your GitHub account
•Link to your blog
•Share details about your extension/integration
•Microsoft will respond within 2 business days”
• Verificação do publisher

46. Globalcode – Open4education
Tornando Público
• True na flag public do Manifest;
• Empacotar e republicar;

47. Globalcode – Open4education
Referências
https://www.visualstudio.com/en-us/docs/integrate/extensions/overview
Documentação sobre extensões
https://github.com/Microsoft/vss-web-extension-sdk
Documentação da SDK
https://github.com/Microsoft/vsts-extension-samples
Exemplos
https://visualstudiogallery.msdn.microsoft.com/a00f6cfc-4dbb-4b9a-a1b8-
4d24bf46770b
Visual Studio Project Template

48. Globalcode – Open4education
Obrigado!
@igorguga
br.linkedin.com/in/igormacedo
http://igormacedo.com.br
igor.macedo@esx.com.br