Esercizio - Abilitare i tunnel remoti nell'interfaccia della riga di comando del codice

Completato

In questo esercizio, si apprenderà come:

  • Creare e usare un tunnel tramite l'interfaccia della riga di comando del codice.
  • Installare l'interfaccia della riga di comando del codice in un computer remoto su cui si vuole lavorare.
  • Stabilire un tunnel tra un client di Visual Studio Code e il proprio computer remoto usando l'interfaccia della riga di comando del codice.

È possibile ottenere l'interfaccia della riga di comando del codice dal riquadro di download di Visual Studio Code o tramite il prompt dei comandi.

Ottenere l'interfaccia della riga di comando del codice dal riquadro di download di Visual Studio Code

  1. Passare al riquadro di download di Visual Studio Code.

    Screenshot del riquadro di download.

  2. Scaricare ed estrarre l'interfaccia della riga di comando del codice per il sistema operativo nella directory TestCLI.

    1. Dopo aver scaricato il file, si noterà che si dispone di un file compresso.

    Screenshot di un file compresso.

    1. Fare doppio clic sul file per estrarlo nella directory TestCLI e viene visualizzato il file di codice.

    Screenshot di un file di codice estratto.

  3. Dal terminale, passare alla directory TestCLI.

Installare e decomprimere l'interfaccia della riga di comando del codice tramite il terminale

Se non si ha accesso a un'interfaccia utente o al riquadro di download di Visual Studio Code, è possibile usare il terminale per installare l'interfaccia della riga di comando del codice. Dopo aver creato la cartella TestCLI, usare i comandi seguenti per installare l'interfaccia della riga di comando del codice dall'interno della directory TestCLI nel terminale:

 curl -Lk 'https://code.visualstudio.com/sha/download?build=stable&os=cli-alpine-x64' --output vscode_cli.tar.gz
tar -xf vscode_cli.tar.gz

Creare un tunnel sicuro

  1. Eseguire il comando seguente per scaricare e avviare il server di Visual Studio Code in questo computer e creare quindi un tunnel per collegarlo:

    code tunnel --accept-server-license-terms
    
  2. Copiare e salvare il collegamento e il codice forniti.

    Screenshot del collegamento per accedere al client con il codice.

  3. Nel proprio client, aprire il collegamento salvato in precedenza in un Web browser e immettere il codice fornito nel terminale. Selezionare Continua per l'attivazione.

    Screenshot riquadro di attivazione del dispositivo.

  4. Selezionare Continua per l'autenticazione.

    Screenshot del riquadro Single Sign-On.

  5. Seleziona Autorizza.

    Screenshot del riquadro di autenticazione.

  6. Viene visualizzato un messaggio di congratulazioni che indica il completamento dell'operazione.

    Screenshot della conferma.

    L'interfaccia della riga di comando del codice restituisce un URL vscode.dev specifico per questo computer remoto, ad esempio https://vscode.dev/tunnel/<machine_name>/<folder_name>. Screenshot di un collegamento al tunnel per un client.

    Questo processo autentica l'utente nel servizio di tunneling e assicura l'accesso ai computer remoti designati.

  7. Aprire l'URL in un client a propria scelta.

  8. Selezionare Consenti per concedere all'estensione Remote - Tunnels l'autorizzazione ad accedere.

    Screenshot dell'autorizzazione all'accesso di Remote - Tunnels.

  9. Selezionare Sì, considero attendibili gli autori per concedere l'accesso alla cartella.

    Screenshot del prompt Sì, considero attendibili gli autori.

  10. Iniziare a scrivere codice.

    Screenshot del codice.