Overslaan naar hoofdinhoud

Github Codespaces

Openen in ChatGPT

webforj-hello-world is geconfigureerd om te draaien in Github Codespaces. Codespaces is een cloud-gebaseerde ontwikkelomgeving en stelt je in staat om webforJ-applicaties direct in je browser te ontwikkelen en uit te voeren. Volg de onderstaande stappen om te beginnen met ontwikkelen met deze tool:

1. Navigeer naar de HelloWorldJava repository

Om te beginnen, moet je naar de HelloWorldJava repository gaan, die te vinden is via deze link. Klik daar op de groene "Use this template" knop en vervolgens op de optie "Open in a codespace".

Codespace buttons

2. Je programma uitvoeren

Nadat je gewacht hebt tot de codespace is geladen, zou je een browser versie van VS Studio Code moeten zien met het "HelloWorldJava" voorbeeldprogramma geladen. Hier kun je het voorbeeldprogramma uitvoeren, of beginnen met ontwikkelen.

Om een programma te compileren, open je de terminal in VS Code en voer je het commando mvn install uit.

Maven Install

Als alles succesvol is voltooid, zou je de boodschap BUILD SUCCESS moeten zien.

WAARSCHUWING

Zorg ervoor dat je het commando mvn install gebruikt in plaats van de ingebouwde Maven-interface van VS Code voor het installeren van je programma.

Zodra dit is gedaan, moet je naar een specifieke webadres navigeren om je programma te zien. Klik hiervoor eerst op het tabblad "Ports" onderaan VS Code. Hier zie je twee poorten, 8888 en een andere, vermeld.

Forwarded Ports

Klik op de kleine "Open in Browser" knop, die op een globe lijkt, in de sectie "Local Address" van het Ports tabblad, wat een nieuw tabblad in je browser opent.

Browser Button

Wanneer het browsertabblad is geopend, wil je iets toevoegen aan het einde van de URL om ervoor te zorgen dat je app wordt uitgevoerd. Voeg eerst een /webapp toe aan het einde van het webadres, dat eindigt op github.dev. Voeg daarna de juiste app- en klasnaam (indien van toepassing) toe om de gewenste app te tonen. Volg deze gids om te zien hoe je de URL correct configureert.

Tip

Als je het standaard "Hello World" programma wilt draaien, voeg je simpelweg /hworld toe na de /webapp in de URL:


Modified URL

Zodra dit is gedaan, zou je je app in de browser moeten zien draaien en kun je deze aanpassen in de VS Code-instantie die draait binnen codespaces.