Tutorial: Estrai da un archivio di pacchetti

Apri la CodeCatalyst console all'indirizzo https://codecatalyst.aws/.

Vai al tuo progetto,codecatalyst-package-project.

Nel riquadro di navigazione, scegli Codice, quindi scegli Archivi di origine.

Scegli Aggiungi repository, quindi scegli Crea repository.

Nel nome del repository, inserisci:

hello-world-app

Scegli Crea.

Nel riquadro di navigazione scegliere Pacchetti.

Scegli Crea archivio di pacchetti.

Nel nome del repository, inserisci:

codecatalyst-package-repository

Scegli + Seleziona i repository upstream.

Scegli i repository Gateway.

Nella npm-public-registry-gatewaycasella, scegli Crea.

Scegli Seleziona.

Scegli Crea.

CodeCatalyst crea un repository di pacchetti chiamato codecatalyst-package-repository che è collegato a un repository gateway. Il repository del gateway è connesso al registro npmjs.com.

Nel pannello di navigazione, scegli Codice, quindi scegli Dev Environments.

Nella parte superiore scegli Crea ambiente di sviluppo, quindi scegli AWS Cloud9 (nel browser).

Assicurati che Repository sia impostato su hello-world-app e Existing branch sia impostato main su. Scegli Crea.

Il tuo ambiente di sviluppo viene avviato in una nuova scheda del browser e il tuo repository (hello-world-app) viene clonato al suo interno.

Lasciate aperte entrambe le schede CodeCatalyst del browser e passate alla procedura successiva.

Vai al tuo ambiente di sviluppo.

Al prompt del terminale, passa alla directory principale del repository di hello-world-app origine:

cd hello-world-app

Inizializza un progetto Node.js:

npm init -y

L'inizializzazione crea un package.json file nella directory principale di. hello-world-app

Connetti il client npm nel tuo ambiente di sviluppo al tuo repository di CodeCatalyst pacchetti:

lodashVersione di importazione 4.17.20:

npm install lodash@v4.17.20 --save --save-exact

npm cerca la lodash versione 4.17.20 nelle seguenti posizioni, nell'ordine seguente:

npm importa lodash nel repository gateway, nel repository dei CodeCatalyst pacchetti e nell'ambiente di sviluppo.

npm aggiorna anche il package.json file con la dipendenza e crea una directory contenente tutte le lodash sue dipendenze. node_modules lodash

Verifica che sia lodash stato importato con successo nel tuo ambiente di sviluppo. Inserisci:

npm list

Viene visualizzato il seguente messaggio che indica che l'importazione è avvenuta correttamente:

`-- lodash@4.17.20

(Facoltativo) Apri hello-world-app/package.json e verifica che le righe siano red boldsono stati aggiunti:

{
  "name": "hello-world-app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  dependencies": {
    "lodash": "4.17.20"
  }
}

In/hello-world-app, crea un file chiamato index.js con il seguente contenuto:

// Importing lodash library
const _ = require('lodash');

// Input string
const inputString = 'hello-world';

// Transforming the string using lodash
const transformedString = _.startCase(inputString.replace('-', ' '));

// Outputting the transformed string to the console
console.log(transformedString);

Passa alla console. CodeCatalyst

Nel riquadro di navigazione scegliere Pacchetti.

Scegli npm-public-registry-gateway.

Assicurati che lodash sia visualizzato. La colonna Ultima versione indica4.17.20.

Ripetere questa procedura percodecatalyst-package-repository. Potrebbe essere necessario aggiornare la finestra del browser per visualizzare il pacchetto importato.

Passa al tuo ambiente di sviluppo.

Assicurati di essere ancora nella hello-world-app directory, quindi esegui l'applicazione:

node index.js

Viene Hello World visualizzato un messaggio. Node.js ha eseguito l'applicazione utilizzando il lodash pacchetto scaricato nell'ambiente di sviluppo in un passaggio precedente.

Ignora node_modules la cartella. Inserisci:

echo "node_modules/" >> .gitignore

È consigliabile evitare di salvare questa directory. Inoltre, il salvataggio di questa directory interferirà con i passaggi successivi di questo tutorial.

Aggiungi, esegui il commit e invia:

git add .
git commit -m "add the Hello World application"
git push

I file dell'applicazione e del progetto 'Hello World' vengono aggiunti all'archivio dei sorgenti.

Passa alla console. CodeCatalyst

Nel riquadro di navigazione, scegli CI/CD, quindi scegli Flussi di lavoro.

Scegli Crea flusso di lavoro.

Per Source repository, sceglihello-world-app.

Per Branch, sceglimain.

Il file di definizione del flusso di lavoro verrà creato nel repository e nel ramo di origine scelti.

Scegli Crea.

Scegli YAMLvicino alla parte superiore.

Elimina il codice YAML di esempio.

Aggiungi il YAML codice seguente:

Name: codecatalyst-package-workflow
SchemaVersion: "1.0"

# Required - Define action configurations.
Actions:
  RunHelloWorldApp:
    # Identifies the action. Do not modify this value.
    Identifier: aws/build@v1
    Compute:
      Type: Lambda
    Inputs:
      Sources:
        - WorkflowSource # This specifies your source repository. 
    Configuration:
      Steps:
        - Run: npm install
        - Run: npm list
        - Run: node index.js
      Container: # This specifies the Docker image that runs the action.
        Registry: CODECATALYST
        Image: CodeCatalystLinuxLambda_x86_64:2024_03
    Packages:
      NpmConfiguration:
        PackageRegistries:
          - PackagesRepository: codecatalyst-package-repository

Nel codice precedente, sostituire codecatalyst-package-repository con il nome dell'archivio dei CodeCatalyst pacchetti in cui è stato creato. Fase 2: Creare gli archivi dei pacchetti CodeCatalyst e del gateway

Per informazioni sulle proprietà di questo file, vedere. Azioni di creazione e test YAML

(Facoltativo) Scegliete Convalida per assicurarvi che il YAML codice sia valido prima di eseguire il commit.

Scegli Applica.

Nella finestra di dialogo Conferma flusso di lavoro, inserisci quanto segue:

1. Per il nome del file Workflow, mantenete il valore predefinito,codecatalyst-package-workflow.

2. Per il messaggio di conferma, inserisci:

   add initial workflow file

3. Per Repository, scegli hello-world-app.

4. Per il nome del ramo, scegli principale.

5. Scegli Applica.

Ora hai creato un flusso di lavoro.

Accanto al flusso di lavoro appena creato (codecatalyst-package-workflow), scegli Azioni, quindi scegli Esegui.

Viene avviata l'esecuzione di un flusso di lavoro.

Nella notifica verde in alto a destra, scegli il link all'esecuzione. Il link è simile aView Run-1234.

Viene visualizzato un diagramma del flusso di lavoro che mostra chi ha avviato l'esecuzione e l'RunHelloWorldAppazione.

Scegli la casella di RunHelloWorldAppazione per vedere l'avanzamento dell'azione.

Al termine della corsa, vai aFase 5: Verifica il flusso di lavoro.

Nel diagramma del flusso di lavoro, seleziona la casella. RunHelloWorldApp

Viene visualizzato un elenco di messaggi di registro.

Espandi il messaggio di node index.js registro.

Viene visualizzato il seguente messaggio:

[Container] 2024/04/24 21:15:41.545650 Running command node index.js
Hello World

L'aspetto di Hello Word (anziché dihello-world) indica che la lodash dipendenza è stata utilizzata correttamente.

Espandi il npm list registro.

Viene visualizzato un messaggio simile al seguente:

└── lodash@4.17.20

Questo messaggio indica che la lodash versione 4.17.20 è stata scaricata nell'immagine Docker che esegue l'azione del flusso di lavoro.

Nel riquadro di navigazione scegliere Pacchetti.

Scegli npm-publish-registry-gateway.

Scegli lodash.

Nella parte superiore, scegli i controlli Origin.

In Upstream, scegli Blocca.

Selezionare Salva.

Ora hai bloccato le importazioni nel tuo repository gateway (e negli archivi e computer downstream) da npmjs.com.

Passa al tuo ambiente di sviluppo.

Estrai il codecatalyst-package-workflow.yaml file che hai creato utilizzando la CodeCatalyst console in precedenza:

git pull

Aprire /hello-world-app/package.json.

Cambia la lodash versione alla 4.17.21 come mostrato in red bold:

{
  "name": "hello-world-app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "lodash": "4.17.21"
  }
}

Ora c'è una mancata corrispondenza tra la versione nel package.json file (4.17.21) e la versione nei repository del gateway e dei CodeCatalyst pacchetti (4.17.20).

Aggiungi, esegui il commit e invia:

git add .
git commit -m "update package.json to use lodash 4.17.21"
git push

Esegui il flusso di lavoro con la versione non corrispondente:

Verifica che il flusso di lavoro non sia riuscito:

Nel riquadro di navigazione scegliere Pacchetti.

npm-publish-registry-gatewayScegli.

Scegli lodash.

Nella parte superiore, scegli i controlli Origin.

In Upstream, scegli Consenti.

Selezionare Salva.

Ora hai sbloccato le importazioni di. lodash

Il tuo flusso di lavoro può ora importare la versione 4.17.21 di. lodash

Esegui nuovamente il flusso di lavoro. Questa volta il flusso di lavoro dovrebbe avere successo perché l'importazione della versione 4.17.21 dovrebbe ora funzionare. Per eseguire nuovamente il flusso di lavoro:

Verifica che la versione 4.17.21 sia stata importata nei tuoi CodeCatalyst repository e in quelli del gateway:

Eliminarecodecatalyst-package-project:

1. Nella CodeCatalyst console, accedi al codecatalyst-package-project progetto se non ci sei già.

2. Nel riquadro di navigazione, scegli Impostazioni del progetto.

3. Scegliete Elimina progettodelete, immettete e scegliete Elimina progetto.

   CodeCatalyst elimina tutte le risorse del progetto, inclusi i repository di origine, gateway e CodeCatalyst pacchetti. Viene eliminato anche l'ambiente di sviluppo.

Elimina il PAT token:

1. Scegli il tuo nome utente sulla destra, quindi scegli Le mie impostazioni.

2. In Token di accesso personali, scegli il token che hai creato in questo tutorial e scegli Elimina.