Siirry pääsisältöön

Github Codespaces

Avaa ChatGPT:ssä

webforj-hello-world on säädetty toimimaan Github Codespaces -ympäristössä. Codespaces on pilvipohjainen kehitysympäristö, joka mahdollistaa webforJ-sovellusten kehittämisen ja suorittamisen suoraan selaimessasi. Kehittämisen aloittamiseksi seuraa alla olevia vaiheita:

1. Siirry HelloWorldJava-repositioon

Aloittaaksesi sinun täytyy siirtyä HelloWorldJava-repositioon, joka löytyy tästä linkistä. Kun olet siellä, napsauta vihreää "Use this template" -painiketta ja sitten "Open in a codespace" -vaihtoehtoa.

Codespace buttons

2. Ohjelmasi suorittaminen

Odottamisen jälkeen, että codespace latautuu, sinun pitäisi nähdä selaimessa VS Studio Code -versio, jossa on "HelloWorldJava" esimerkkiohjelma ladattuna. Täältä voit suorittaa esimerkkiohjelman tai aloittaa kehittämisen.

Käännät ohjelman avaamalla terminaali VS Codessa ja suorittamalla mvn install -komennon.

Maven Install

Jos kaikki onnistuu, sinun pitäisi nähdä BUILD SUCCESS -viesti.

WARNING

Varmista, että käytät mvn install -komentoa ohjelmasi asentamiseen sen sijaan, että käyttäisit VS Code:n sisäänrakennettua Maven-käyttöliittymää.

Kun tämä on tehty, sinun täytyy siirtyä tiettyyn verkkosivustoon nähdäksesi ohjelmasi. Tämä tehdään napsauttamalla ensin VS Code -ikkunan alareunassa olevaa "Ports"-välilehteä. Täällä näet kaksi porttia, 8888 ja yhden muun, lueteltuna.

Forwarded Ports

Napsauta "Local Address" -osion Ports-välilehdellä pientä "Open in Browser" -painiketta, joka näyttää maapallolta, avaten uuden välilehden selaimessasi.

Browser Button

Kun selainvälilehti on auki, haluat lisätä URL-osoitteen loppuun varmistaaksesi, että sovelluksesi käynnistyy. Ensinnäkin lisää /webapp verkkosivun osoitteen loppuun, joka päättyy github.dev:hen. Tämän jälkeen lisää tarvittaessa oikea sovellus- ja luokan nimi näyttääksesi halutun sovelluksen. Näet, kuinka URL-osoite konfiguroidaan oikein, seuraa tätä opasta.

Tip

Jos haluat suorittaa oletusarvoisen "Hello World" -ohjelman, lisää yksinkertaisesti /hworld /webapp -osuuden jälkeen URL-osoitteeseen:


Modified URL

Kun tämä on tehty, sinun pitäisi nähdä sovelluksesi toimivan selaimessa, ja voit muokata sitä Codespaces-ympäristössä toimivassa VS Code -instanssissa.