Présentation de Code Builder et DevOps Center

1. Code Builder : VS Code dans le Cloud
DevOps Center : Le nouvel outil de gestion de projet

2. Introduction
Thomas Paraiso
CEO / Développeur
thomas.paraiso@dev-first.com
Fabien Taillon
CTO
@FabienTaillon

3. Sommaire
I. Contexte
II.Installation des outils
III.Démonstration
IV.Conclusion
V.Questions/Réponses

4. Code Builder

5. https://appexchange.salesforce.com/listingDetail?listingId=a0N3u00000Qsdi5EAB&tab=e
Code Builder - Installation
Package Code Builder

6. ● Developer Console
● IDE (Force IDE, IntelliJ, etc…)
● Code Builder (2022)
Code Builder - Contexte
Historique : Code Builder

7. ● Code Builder n’est pas la nouvelle Developer Console
○ Plutôt un VS Code online
○ On développe depuis l’org ou depuis un (ou plusieurs) repo(s)
○ On développe surtout “en local” dans le cloud
■ on doit push/deploy ensuite
■ différent de la dev console où on voit/modifie directement dans l’org
Qu’est-ce que Code Builder

8. ● Code Builder n’est pas la nouvelle Developer Console
○ Plutôt un VS Code online
○ On développe depuis l’org ou depuis un (ou plusieurs) repo(s)
○ On développe surtout “en local” dans le cloud
■ on doit push/deploy ensuite
■ différent de la dev console où on voit/modifie directement dans l’org
Qu’est-ce que Code Builder
(Code Builder == VS Code) → true
(Code Builder === VS Code) → false
(Code Builder == Developer Console) → false

9. ● Pas (encore ?) aussi puissant que VS Code en local
○ Pas de VS Code Marketplace
○ Pas possible de mettre à jour le CLI SFDX (mais possible d’installer des plugins)
○ Limité dans le temps (puis payant après ?)
● Tout ne peut pas être pré-configuré contrairement à GitHub Codespaces
○ Réinstallation de plugins/setup à refaire à chaque nouveau Codespace
○ Temps perdu par les nouveaux développeurs
○ Moins simple pour les AppBuilders
Qu’est-ce que Code Builder

10. GitHub Codespaces:
● Configuration dans un fichier commité dans le repository
● Un click et tout le monde a le même environnement
Qu’est-ce que Code Builder

11. DevOps Center

12. Contexte
DevOps Center
● Outil de gestion de projet (suivi de tâches)
● Outil de déploiement continu

13. Installation
DevOps Center - Package

14. Installation
DevOps Center - Permission Set - Fonction
Utilisateur :
- Accès Work item
Responsable :
- Lecture/Ecriture Work Item
Release Manager :
- Configuration Pipeline

15. Installation
DevOps Center - Licence pour utilisateurs
Configuration de base pour un utilisateur (Licence + Permission Set)
1
2

16. Accéder à Dev Ops Center
App Launcher
1
2
3

17. Intégration avec Github
● Nouveau Repository
● Réutiliser existant
Format SFDX :

18. Créer un pipeline (Flow de livraison)
● Développement
● Recette (Release)
● Production

19. ● Outil intégré à Salesforce
● Pratique pour les administrateurs
● Gratuit (pour le moment)
● Déploiement continu sans script
● Configuration facile
● Gère les suppressions
● Fais le delta des modifications
Avantages - DevOps Center

20. Avantages - DevOps Center
Déploie 100% des Metadata accessibles via l’API (contrairement aux Change Sets)

21. ● Intégration seulement avec Github (pour le moment)
● Fonctionnalités manquantes (cloner des work items, notifications…)
● Impossible de personnaliser l’interface (ajouter des champs)
● Obligé de créer le pipeline avant de créer des Work Items
● Livraisons sur plusieurs environnements (exemple : Prod / Formation / Preprod)
● Reset le tracking entre Local et Org : “sfdx force:source:tracking:reset”
● Personnaliser le pipeline après activation
Inconvénients - DevOps Center

22. Démonstration

23. DevOps Center:
https://github.com/forcedotcom/devops-center-feedback/issues
DevOps Center / Code Builder - Give feedbacks !!
Code Builder:
https://github.com/forcedotcom/try-code-builder-feedback/issues

24. Conclusion
Code Builder :
- Coder de n’importe où dans le monde
- Fini les installations et maintenances
DevOps Center :
- Idéal pour une équipe à taille humaine
- Gratuit
- Pratique pour les Admins / Devs

25. Après le World Tour et Dreamforce
L’événement à ne pas manquer
https://frenchtouchdreamin.com/register
French Touch Dreamin

26. Merci…