mit AWS CodeStar und AWS Cloud9

In diesem Tutorial erfahren Sie, wie Sie AWS CodeStar und AWS Cloud9 zur Entwicklung, Erstellung und Bereitstellung einer serverlosen Node.js-Webanwendung verwenden. Für einen Entwickler kann sich die Einrichtung eines automatisierten Softwareentwicklungs-Workflows als eine zeitaufwendige, komplexe Aufgabe erweisen. AWS CodeStar ist ein Softwareentwicklungstool, mit dem Sie Anwendungen auf AWS schnell entwickeln, erstellen und bereitstellen können. Mit CodeStar können Sie Ihre Continuous Delivery-Toolkette in wenigen Minuten einrichten und Ihren Code so schneller veröffentlichen.

Cloud9 ist eine Cloud-IDE zum Schreiben, Ausführen und Debuggen von Code. Cloud9 ist mit grundlegenden Tools für viele gängige Programmiersprachen (JavaScript, Python, PHP und mehr) ausgestattet, sodass Sie nicht an der Installation verschiedener Compiler und Toolchains tüfteln müssen.

In den nächsten Minuten werden Sie AWS CodeStar dazu verwenden, eine neue AWS Lambda-basierte serverlose Node.js-Webanwendung zu erstellen. Sie verwenden AWS CodeStar, um eine Continuous Delivery Toolchain mit AWS CodeCommit für die Versionskontrolle und AWS CodePipeline für die Automatisierung Ihres Freigabeverfahrens einzurichten. Darauf ändern Sie mit Cloud9 Code im Node.js-Projekt und führen den Commit der Änderungen durch, um so Ihre durchgehende Pipeline auszulösen und Ihr Projekt erneut bereitzustellen.

Die AWS-Services, die Sie in diesem Tutorial verwenden, befinden sich innerhalb des kostenlosen Kontingents für AWS.

Für dieses Tutorial ist ein AWS-Konto erforderlich

Kostenloses Konto erstellen

Für die Nutzung von AWS CodeStar oder AWS Cloud9 fallen keine zusätzlichen Gebühren an. Die in diesem Tutorial erstellten Ressourcen können im Rahmen des kostenlosen Kontingents genutzt werden.

Details zum kostenlosen Kontingent für AWS anzeigen »

Öffnen Sie die AWS Management Console, damit Sie diese Schritt-für-Schritt-Anleitung nebenher geöffnet lassen können. Wenn der Bildschirm vollständig geladen ist, geben Sie Ihren Benutzernamen und das Passwort ein, um zu beginnen. Geben Sie dann "Codestar" in die Suchleiste ein und wählen Sie Codestar aus, um die Codestar-Konsole zu öffnen.

(zum Vergrößern klicken)

In diesem Schritt richten Sie CodeStar ein und erstellen und implementieren dann ein serverloses AWS Lambda Node.js-Projekt.


a. Wählen Sie auf der CodeStar-Startseite Start a project (Starten eines Projekts) aus.

 

(zum Vergrößern klicken)


b. CodeStar kann Sie bei der Verwaltung von AWS-Ressourcen in Ihrem Namen unterstützen. Um diese Funktion zu aktivieren, muss CodeStar eine AWS-Servicerolle für Sie erstellen. Wählen Sie im Dialogfeld Create service role (Servicerolle erstellen) die Option Yes, create role (Ja, Rolle erstellen).

(zum Vergrößern klicken)


c. Wählen Sie auf der Seite Choose a project template (Auswählen einer Projektvorlage) die Vorlage Node.js, die eine Webanwendung und AWS Lambda enthält. Sie können CodeStar verwenden, um eine Vielzahl von Anwendungen wie Websites, Webanwendungen, Web-Services und Alexa-Qualifikationen zu entwickeln. Sie können in Java, JavaScript, PHP, Ruby, C#, Go, HTML und Python entwickeln.

(zum Vergrößern klicken)


d. Geben Sie auf der Seite Project details (Projektdetails) unter "Project name" den Projektnamen nodejs-serverless-project ein. Bestätigen Sie, dass Sie AWS CodeCommit ausgewählt haben, und wählen Sie dann Next (Weiter).

(zum Vergrößern klicken)


e. Beachten Sie, dass auf der Seite Review project details (Projektdetails prüfen) CodeStar eine komplette laufende Integrationspipeline einrichtet, bei der CodeCommit für die Versionskontrolle, AWS CodeBuild zum Erstellen und Testen sowie AWS CloudFormation für die Bereitstellung für Lambda verwendet wird. Darüber hinaus setzt CodeStar Amazon CloudWatch zur Überwachung Ihrer Anwendung ein. Wählen Sie Create Project (Projekt erstellen) aus.

(zum Vergrößern klicken)


f. Wählen Sie auf der Seite Set up tool (Tool einrichten) unter Pick how you want to edit your code (Wählen Sie aus, wie Sie Ihren Code bearbeiten möchten) den Eintrag "AWS Cloud9" aus und wählen Sie anschließend Next (Weiter).

(zum Vergrößern klicken)


g. Wählen Sie auf der Seite Set up your AWS Cloud9 environment (Einrichten Ihrer AWS Cloud9-Umgebung) unter Recommended instances (Empfohlene Instances) den Eintrag t2.micro aus und wählen Sie Next (Weiter). Die Cloud9-IDE wird auf dieser Instance ausgeführt und Sie können über Ihren Browser auf sie zugreifen.

(zum Vergrößern klicken)


h. Jetzt richtet AWS CodeStar Ihr CodeStar-Projekt ein und verbindet es mit Ihrer Cloud9-IDE. Innerhalb weniger Minuten erhalten Sie die Mitteilung Success! Your project and IDE are set up and ready to use (Herzlichen Glückwunsch! Ihr Projekt und Ihre IDE sind eingerichtet und einsatzbereit).

(zum Vergrößern klicken)


i. Bald darauf wird Ihr Projekt-Dashboard angezeigt. Suchen Sie die Kachel Application endpoints (Anwendungsendpunkte) und wählen Sie den Link zwischen den horizontalen Balken aus. Ihre neue Node.js-Anwendung sollte in einer neuen Registerkarte oder einem neuen Browserfenster angezeigt werden. Während der Durchführung des kontinuierlichen Bereitstellungsprozesses wird das Würfel-Wartesymbol zunächst weiterhin angezeigt und verschwindet dann.

(zum Vergrößern klicken)

In diesem Schritt nehmen Sie Änderungen an Ihrem Anwendungscode mit Cloud9 vor und führen den Commit Ihrer Änderungen in CodeCommit durch. Dadurch wird CodePipeline dazu angewiesen, den Build Ihres Codes automatisch über CodeBuild sowie die Bereitstellung über CloudFormation für Lambda auszulösen.


a. Zurück im AWS CodeStar-Dashboard, wählen Sie Start coding (Beginn der Codierung) aus. Jetzt klont CodeStar Ihr Git-Repository in Ihre Cloud9-Umgebung und öffnet die Cloud9-IDE in Ihrem Browser. Wechseln Sie auf der Registerkarte "bash" am unteren Rand der Cloud9-IDE das Verzeichnis, um mit dem folgenden Befehl mit der Arbeit an Ihrem Code zu beginnen:

cd /home/ec2-user/environment/nodejs-serverle

(zum Vergrößern klicken)


b. Es ist empfehlenswert, Ihren Git-Benutzernamen (user.name) und Ihre Git-Benutzer-E-Mail-Adresse (user.email) einzurichten, wenn Sie eine neue Cloud9-Umgebung einrichten. Verwenden Sie dazu folgende Befehle:

git config --global user.name YOUR_USER_NAME
git config --global user.email YOUR_EMAIL_ADDRESS

c. Nachdem Ihre Umgebung nun vollständig eingerichtet ist, können Sie jetzt mit der Bereitstellung beginnen. Wählen Sie in der Cloud9-IDE die Registerkarte Navigate (Navigieren) auf der linken Seite aus und wählen Sie anschließend index.html aus. Dadurch wird die Datei "index.html" in Ihrer Cloud9-IDE geöffnet.

(zum Vergrößern klicken)


d. Wie die meisten IDEs verfügt auch Cloud9 über Tastenkombinationen zum Bearbeiten und Suchen von Text. Um die zu ändernde Codezeile zu finden, verwenden Sie Befehlstaste-f unter macOS, Strg-f unter Windows oder Strg-f unter Linux. Geben Sie appl in die Suchleiste find (Suchen) ein und der Cloud9-Editor scrollt, um die Zeichenfolge appl in oder um Zeile 62 zu markieren.

(zum Vergrößern klicken)


e. Fügen Sie in der Cloud9-IDE 3 Ausrufezeichen nach dem Wort application hinzu und speichern Sie darauf Ihre Änderungen, indem Sie die Tastenkombination Befehlstaste-s auf macOS, Strg-s auf Windows oder Strg-s auf Linux verwenden.

(zum Vergrößern klicken)


f. Bestätigen Sie auf der Registerkarte "bash" unten in der Cloud9-IDE, dass Sie Ihre Änderungen gespeichert haben, indem Sie den folgenden Befehl eingeben:

git status

Wenn Git modified: public/index.html in Rot zurückgibt, haben Sie Ihre Änderungen erfolgreich gespeichert und sind bereit, diese Änderungen bereitzustellen und einen Commit durchzuführen.

Wenn Git nothing to commit, working tree clean zurückgibt, müssen Sie Ihre Änderungen in der Cloud9-IDE speichern.


g. Stellen Sie nun Ihre Änderungen bereit, führen Sie den Commit Ihrer Änderungen durch und verschieben Sie die Änderungen mit dem folgenden Befehl in den Git-Master-Branch in CodeCommit:

  git add public/index.html
  git commit -m "add three bangs"
  git push origin master

(zum Vergrößern klicken)


h. Nachdem Sie Ihre Änderungen in CodeCommit zum Master-Branch übertragen haben, löst CodePipeline den kontinuierlichen Bereitstellungsprozess aus. Überwachen Sie den Prozess, indem Sie auf Ihr AWS CodeStar-Dashboard zugreifen und nach unten zur Kachel Continuous deployment (Durchgehende Bereitstellung) scrollen. Innerhalb weniger Minuten sehen Sie, wie Ihr Code die Quellstufe (Source), die Build-Stufe (Build) und schließlich die Bereitstellungsstufe (Deploy) durchläuft.

(zum Vergrößern klicken)


i. Sobald Ihr Code die Bereitstellungsstufe erreicht hat, bestätigen Sie, dass Ihre Änderungen in Ihrer Live-Webanwendung angekommen sind, indem Sie die URL in der CodeStar-Kachel Application endpoints (Anwendungsendpunkte) auswählen. Sobald die Seite in Ihrem Browser geladen wurde, bestätigen Sie, dass sie die von Ihnen hinzugefügten Ausrufezeichen enthält.

(zum Vergrößern klicken)

In diesem Schritt beenden Sie Ihr CodeStar-Projekt, Ihre Cloud9-Umgebung und alle damit verbundenen Ressourcen.

Wichtig: Die Beendigung von Ressourcen, die nicht aktiv genutzt werden, senkt die Kosten und ist eine bewährte Methode. Wenn Sie Ihre Ressourcen nicht beenden, können Gebühren anfallen.


a. Um auf die Hauptseite der CodeStar-Konsole zuzugreifen, wählen Sie AWS CodeStar, dann die Ellipse und schließlich Delete (Löschen) aus.

(zum Vergrößern klicken)


b. Geben Sie im Bildschirm Delete project (Projekt löschen) nodejs-serverle in das Textfeld ein und wählen Sie Delete (Löschen) aus.

Sie haben AWS CodeStar und AWS Cloud9 verwendet, um eine AWS Lambda-basierte serverlose Node.js-Webanwendung zu erstellen, zu entwickeln und bereitzustellen.

AWS CodeStar ist eine erstklassige Wahl für die Entwicklung, Erstellung und Bereitstellung einer Vielzahl von Anwendungen wie Websites, Webanwendungen, Web-Services und Alexa-Qualifikationen. Sie können in Java, JavaScript, PHP, Ruby, C# und Python entwickeln.

AWS Cloud9 ist eine Cloud-IDE, die sich hervorragend zum Schreiben, Ausführen und Debuggen von Code in JavaScript, Python oder PHP eignet, wenn Sie keine verschiedenen Compiler und Toolchains einrichten und verwalten möchten.

Nachdem Sie nun gelernt haben, wie Sie AWS CodeStar und AWS Cloud9 zum Erstellen einer serverlosen Anwendung verwenden, wählen Sie eine der folgenden Optionen, um mehr zu erfahren:

Integration Ihrer IDE mit AWS CodeStar

Schreiben und entwickeln Sie Code in Ihrer bevorzugten Umgebung und wechseln Sie dann zu CodeStar.

Ihre IDE mit AWS CodeStar integrieren »

Arbeiten mit AWS CodeStar-Teams

Arbeiten Sie mit anderen zusammen, indem Sie ihnen Zugriff auf AWS CodeStar-Projekte gewähren.

Andere zu Ihrem AWS CodeStar-Team hinzufügen »

AI-Blog

Richten Sie die integrierte Entwicklungsumgebung von Cloud9 ein und passen Sie diese an.

Cloud9 anpassen »