Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Julkaiseminen Vercelilla | Sovelluksen Julkaiseminen Verkossa
Web-sovellus alusta alkaen Claudella

bookJulkaiseminen Vercelilla

Pyyhkäise näyttääksesi valikon

Note
Määritelmä

Vercel ottaa koodisi GitHubista ja julkaisee sen toimivana verkkosivustona. Joka kerta kun teet päivityksen GitHubiin, Vercel julkaisee sen automaattisesti uudelleen. Sinun ei tarvitse tehdä mitään manuaalisesti ensimmäisen käyttöönoton jälkeen.

Koodisi on GitHubissa. Tässä luvussa saat sen julkiseksi internetiin oikealla URL-osoitteella, jonka voit jakaa kenelle tahansa.

Vaiheet

1. Luo Vercel-tili
expand arrow

Siirry osoitteeseen vercel.com ja rekisteröidy. Yhdistä GitHub-tilisi, kun sitä pyydetään. Tämä mahdollistaa sen, että Vercel näkee repositoriosi.

2. Tuo projektisi
expand arrow

Kun olet Vercel-hallintapaneelissa, napsauta Add New ja valitse Project. Sinun pitäisi nähdä GitHub-repositoriosi listattuna. Napsauta Import.

3. Lisää ympäristömuuttujat
expand arrow

Tämä on tärkein vaihe. API-avaimesi ei ole GitHubissa, koska se on jätetty pois tiedostolla .gitignore. Tämä tarkoittaa, ettei Vercelilläkään ole sitä. Sinun täytyy antaa se Vercelille suoraan.

Projektin asetussivulla avaa Environment Variables -osio. Sinun täytyy lisätä API-avaimesi tänne ennen käyttöönottoa.

FieldWhat to enter
KeyANTHROPIC_API_KEY
ValueYour actual API key from .env.local

Voit myös napsauttaa Import .env ja valita suoraan .env.local -tiedostosi. Vercel lukee avaimen ja arvon siitä automaattisesti. Tämä on helpoin vaihtoehto.

4. Napsauta Deploy
expand arrow

Kun ympäristömuuttuja on lisätty, napsauta Deploy. Vercel hakee kaikki kooditiedostosi GitHubista ja julkaisee ne. Tämä kestää kaksi–viisi minuuttia.

5. Valmista
expand arrow

Kun näet onnitteluruudun, sovelluksesi on julkaistu! Vercel antaa sinulle URL-osoitteen, jonka voit avata millä tahansa selaimella ja jakaa kenelle tahansa.

Miksi ympäristömuuttujan lisääminen on tärkeää

Sovelluksesi rakentuu ja näyttää toimivan ilman API-avainta. Heti kun joku lähettää idean, toiminto kuitenkin epäonnistuu, koska sovelluksella ei ole mahdollisuutta kutsua tekoälyä. Avaimen lisääminen Verceliin mahdollistaa ydintoiminnon toimimisen tuotantoympäristössä.

Note
Huomio

Paikallinen .env.local-tiedosto pysyy omalla tietokoneellasi. Vercelin ympäristömuuttujat ovat kuin .env.local live-verkkoversiolle.

question mark

Mitä sinun täytyy tehdä, jotta julkaistu sovelluksesi pääsee käsiksi AI-rajapintaan?

Valitse oikea vastaus

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 5. Luku 2

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 5. Luku 2
some-alt