• Accueil / Salesforce / Blog de Bob…
, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

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:

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

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:

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

Cliquez dessus pour ouvrir le menu Espaces de codes:

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

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.

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

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):

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

Ensuite, une question facile à répondre – le nom de l’espace de code.

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

Une fois que toutes les questions ont été répondues, l’extension se met au travail sur un nouvel espace de code:

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

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);

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

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:

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

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:

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

Cliquer sur mon nouvel espace de codes CuratedBlog ouvre l’EDI dans le navigateur:

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

Et comme il s’agit d’une machine virtuelle, le terminal fonctionne également dans le navigateur!

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

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.

Une fois que cela est fait, vous disposez désormais des outils pour interagir avec les organisations Salesforce, mais vous devez encore vous authentifier auprès d’elles. C’est la partie légèrement longue car, bien qu’il soit techniquement possible d’exécuter un navigateur dans un conteneur Docker, cela n’a pas l’air simple, vous finirez donc probablement par utiliser le Flux JWT. Ce n’est pas particulièrement difficile, tant que vous êtes familier avec la ligne de commande et les commandes SSH ouvertes, mais c’est un peu long, comme en témoignera quiconque a configuré une machine CI, avec les applications, les clés et les certificats connectés. que vous devez mettre en place.

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:

, Blog de Bob Buzzard: Espaces de codes Visual Studio<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

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.

Articles Similaires





Source de l’article traduit automatiquement en Français

Besoin d'aide ?
Voulez-vous utiliser Pardot à sa capacité maximale et avoir
+ DE LEADS QUALIFIÉS

Notre analyse de votre Pardot offerte dès aujourd'hui
Merci, vous pouvez compléter notre questionnaire
Nous allons revenir vers vous rapidement !

Fermer