Blog de Bob Buzzard: Espaces de codes Visual Studio8 minutes de lecture
Salesforce a lancé Code Builder en juin 2020, juste avant le 2020 TrailheaDX virtuel
conférence, et il est juste de dire qu’il y avait une certaine excitation autour de cela. Ceux
s’attendant à une Developer Console Mk 2 doit avoir été ravi de voir un
IDE complet qui peut s’exécuter dans le navigateur. Encore mieux, nous avons confirmé
avec l’équipe produit qui, comme l’EDI s’exécute efficacement dans un environnement virtuel
machine, toutes les extensions requises et les plug-ins Salesforce CLI peuvent être installés,
afin que vous puissiez recréer votre environnement local avec toutes vos fonctionnalités préférées.
J’étais certainement enthousiasmé par cela et j’ai contacté dans un certain nombre de directions
pour essayer de monter sur le pilote, ce qui a malheureusement échoué – j’avais besoin d’être
nommé par un chargé de compte, et l’expérience m’a appris que lors de notre
nombre de licences, notre AE ne sait généralement même pas que les pilotes sont
disponible, et encore moins comment me nommer pour un.
Inébranlable, j’ai adopté une approche différente et j’ai commencé à me pencher sur la technologie
qui alimente Code Builder –
Espaces de codes Visual Studio.
Espaces de codes Visual Studio
Anciennement connu sous le nom de Visual Studio Online, la description de
Le site de Microsoft le résume très bien:
Environnements de développement hébergés dans le cloud accessibles de n’importe où
Une inscription et une configuration sont nécessaires pour commencer à utiliser les espaces de codes, comme détaillé
au dessous de.
Inscrivez-vous à Azure
Un compte Microsoft et un abonnement Azure sont nécessaires, car Azure héberge le
environnements virtuels (machines). J’ai choisi l’abonnement gratuit, ce qui me donne
12 mois d’accès gratuit à la machine virtuelle Linux. Les heures de calcul sont limitées, mais en
il est fort probable que je l’utilise rarement, puis en supposant que cela ne m’oblige pas à
dépenser beaucoup d’argent, peu ou jamais une fois que Code Builder est disponible.
Extensions de code VS
J’ai ensuite dû installer quelques extensions:
- Compte Azure, qui donne à VS Code l’accès à mon abonnement Azure que je viens de
établi. La connexion à cela a pris des années et a finalement été retracée jusqu’à
une sorte de conflit avec mon compte Skype auquel j’étais connecté au
en même temps. Le compte Skype est lié à mon compte Microsoft dans le même
était comme Azure, mais VS Code ne l’avait pas. En fin de compte, je me suis déconnecté de
Skype et moi avons pu nous connecter à Azure. Depuis, j’ai pu me connecter
à Skype et Azure dans n’importe quel ordre, il peut donc s’agir d’un problème avec l’un des
les connexions à ce moment-là. En cas de doute, déconnectez-vous de
tout!] - Espaces de codes Visual Studio, cela permet à VS Code de gérer et de se connecter à des environnements de développement distants –
vous n’êtes pas obligé d’utiliser le navigateur comme interface avec les espaces de codes et je
Je ne vois aucune raison pour laquelle vous ne pourriez pas faire cela avec Code Builder
aussi, mais le temps nous le dira.
Vous devez également vous connecter à Codespaces, ce que vous pouvez faire via le bouton à gauche de VS Code:
Une fois que vous vous êtes connecté, le choix de créer un nouvel espace de code vous guidera à travers un processus de création d’un nouveau plan – les questions clés sont la région Azure – assurez-vous d’en choisir une proche de chez vous et le type d’instance par défaut pour Linux.
Mettre ensemble
Une fois les comptes et les extensions en place, VS Code gagne une nouvelle icône sur le
en bas à gauche:
Cliquez dessus pour ouvrir le menu Espaces de codes:
Choisir ‘Créer un nouvel espace de code’ génère un nouvel environnement distant, après
capturer des informations de moi. Tout d’abord, quel type d’environnement je veux –
Je n’ai utilisé que les paramètres par défaut et je n’ai eu aucun problème à ce jour.
J’ai alors le choix de créer un espace de code vide ou de le remplir avec le
contenu d’un référentiel – J’utilise mon référentiel organisé (actuellement privé, mais
le contenu du repo n’est pas vraiment important pour ce post – si vous êtes curieux de savoir ce que c’est, c’est mon boîte à outils):
Ensuite, une question facile à répondre – le nom de l’espace de code.
Une fois que toutes les questions ont été répondues, l’extension se met au travail sur un nouvel espace de code:
En plus de la barre de progression, un nouveau panneau s’ouvre à droite de VS Code pour
montrer les étapes en cours d’exécution (en supposant que tout se passe bien – j’en ai eu un ou deux
échecs, mais la plupart du temps c’est un jeu d’enfant);
Une fois la configuration terminée, cliquez sur le bouton Connect pour ouvrir la télécommande
l’espace de travail via mon installation VS Code locale, qui ressemble à peu près au
identique à un espace de travail local, barre un élément vert plus grand en bas à gauche de
la fenêtre:
et le fait que les changements que j’apporte ici ne sont pas reflétés dans mon
l’espace de travail, sauf si je les achemine vers le système de contrôle de version.
Tout cela est bien beau, et si je n’ai pas de machine particulièrement puissante
c’est une belle façon de pouvoir travailler sur plusieurs projets en même temps et
pousser une grande partie des besoins informatiques vers le cloud. Le plus intéressant
l’environnement, cependant, est le navigateur.
Espaces de codes dans le navigateur
Pour accéder à mon espace de code à partir d’un navigateur, je dois me connecter à Visual Studio
Site Web des espaces de codes à l’adresse: https://online.visualstudio.com/login, en utilisant mon compte Microsoft auquel j’ai attaché mon abonnement Azure. En tant que
mis à part, il semble que je ne puisse me connecter que via une fenêtre Chrome standard, pas un
incognito un. Je ne sais pas si c’est intentionnel, mais ça a été
toujours le cas depuis que j’ai commencé à jouer avec les Espaces de codes.
Une fois connecté, je peux voir tous mes espaces de codes actuels et j’ai le
possibilité de créer plus directement depuis le site web:
Cliquer sur mon nouvel espace de codes CuratedBlog ouvre l’EDI dans le navigateur:
Et comme il s’agit d’une machine virtuelle, le terminal fonctionne également dans le navigateur!
C’est tout ce qu’on peut en dire?
Pas tout à fait – bien que cela me donne un espace de code Visual Studio préparé avec les métadonnées de mon application Salesforce et fonctionnant dans le cloud, il ne sait pas grand-chose sur Salesforce, donc je dois faire un peu plus de configuration – notez que vous pouvez configurer votre environnement d’espace de code via un fichier devcontainer.json dans le répertoire de votre projet, vous n’aurez donc pas à le faire à chaque fois si vous faisiez tourner plusieurs espaces de codes. Je n’ai pas examiné cela en détail.
Un problème similaire se présente une fois que vous vous êtes authentifié auprès de votre hub de développement et que vous avez créé une organisation de travail – cliquer sur l’icône pour ouvrir l’organisation ne peut pas ouvrir un navigateur, donc ne fait vraiment rien. L’avantage ici est qu’il vous indiquera généralement l’URL qu’il tente d’ouvrir, qui comprend un identifiant de session, vous pouvez donc le copier / coller dans votre navigateur local pour accéder à l’organisation scratch, même si vous n’avez pas de oauth pour cette organisation mise en place. L’URL apparaîtra dans l’onglet Sortie:
C’est là que je m’attends à ce que Salesforce ajoute la valeur Code Builder – générant un espace de code dont les extensions et la CLI sont préconfigurées et déjà autorisées par rapport à l’organisation, ainsi que d’autres éléments sur lesquels je ne suis pas encore tombé par hasard.
Emballer
Bien que les espaces de codes nécessitent un peu d’effort, jusqu’à ce que Code Builder soit plus largement disponible, ils constituent un très bon moyen de pouvoir développer à partir de n’importe quel appareil disposant d’un navigateur et d’une connexion Internet pris en charge. En fait, j’ai pu utiliser Chrome sur mon iPhone XS pour appliquer des modifications à une organisation de travail. L’interface utilisateur était horrible, donc je ne le recommanderais pas, mais en tant qu’exercice intellectuel, c’était amusant.