Kuinka käyttää Travis CI: tä ja GitHubia Web-kehitystyön raskas nostamiseen

Kaikesta on helpompaa jatkuvan integroinnin avulla Travis CI: n kautta

On yleistä hakkeroida yhdessä CodePenin sovelluksia, kun aloitat. Mutta on aika, jolloin haluat julkaista omat verkkosovelluksesi koko maailmalle. Ne voivat olla sivuprojekteja tai projekteja asiakkaalle. Hyvä kehitystyönkulku tekee tässä vaiheessa maailman muutoksen.

Aiomme perustaa kehitystyönkulun seuraavilla työkaluilla:

  • create-reagoivat-sovellus
  • npm-skriptit
  • Travis-CI

Yhdistämme Travis CI: n ja GitHubin yhdessä. Lopussa saamme mukavan ja kiiltävän merkin, kuten alla.

Mutta enemmän kuin näyttää, rintanappi merkitsee toimintoa. Se on merkki Travis CI: n testaamisesta, rakentamisesta ja julkaisemisesta sitoumuksillemme GitHubille. Travis CI julkaisee vain, jos testit läpäisevät.

Valmistaudu sijoittamaan nämä merkit arkistoosi:

Olen järjestänyt koko työnkulun vaiheittain. Yksi istunto tulisi tehdä jokaisessa vaiheessa. Se on noin 50 minuutin sisällä.

Vaihe 1: Suorita luoda-reagoida-sovellus paikallisesti

Valmista git-arkisto

Ensimmäinen asia on luoda uusi arkisto GitHubiin. Jos sinulla ei vielä ole tiliä, nyt on aika rekisteröidä tili. Julkiset säilytystilat ovat ilmaisia. Kun luot uuden arkiston, GitHub antaa sinun luoda tiedostoja .gitignore-, lisenssi- ja README.md-tiedostoille.

Jos aloitat Gitillä ensimmäistä kertaa, voit lukea tämän ilmaisen kirjan verkossa. GitHubissa on myös ohjeosasto.

Uusi arkistomme näyttää tältä:

Hyvä on, saakaamme se terminaaliin. Näetkö yllä olevassa kuvassa sen kirkkaan vihreän painikkeen, jossa näkyy Kloonaa tai lataa. Se antaa meille URL-osoitteen arkistoon. Suorita päätelaitteellasi tämä komento:

git-klooni git@github.com: mäntyvene / reagoi jatkuvasti-käyttöönotto.git

Tämä komento lataa arkiston sisällön uuteen hakemistoon. Se nimeää hakemiston samalle kuin arkisto. Tapauksessamme hakemistonimi tulee olemaan reagoi jatkuvasti.

Jos haluat varmistaa, että linkki alkuperäiseen arkistoon on valmis, käytä komentoa:

git kauko-v

Nyt kun olemme asettaneet eteenpäin muutokset GitHubiin, aloitetaan reagointi ja toiminta.

Käynnissä ja luo-reagoi -sovelluksella

Uuden reagointiprojektin aloittaminen tyhjästä voi viedä kauemmin kuin odotit. Varsinkin kun et käytä mitään ennalta määritettyjä telineitä. Siellä on useita ratkaisuja, joiden avulla voimme aloittaa. Valitsin virallisen Create React -sovelluksen, koska olen kokeillut sitä ensin ja pysynyt siinä. Kun sinun ei tarvitse mikrotietokantaa kokoonpanoissasi, se antaa sinulle puhtaan alkua, jotta pääset koodaukseen.

Kuten arkisto README.md-tiedosto osoittaa, sinun on asennettava se vain kerran maailmanlaajuisesti. Sitten voit rakentaa telineitä niin monelle projektille kuin haluat.

Asenna se tyyppi:

npm asenna -g luoda-reagoida-sovellus

Kun se on asennettu, voit suorittaa sen mistä tahansa hakemistosta luodaksesi uuden sovelluksen. Annetaan sille varastointimme nimi:

luo-reagoi-sovellus reagoi-jatkuva-käyttöönotto

Se ei luo uutta kansiota, koska meillä on jo Gitin luoma kansio. Sen sijaan se aloittaa tarvittavien node_modules- ja telinekomentosarjojen asentamisen olemassa olevaan kansioon.

Jos haluat uuden sovelluksen, voit käyttää:

luoda-reagoida-sovellus fancy-app-nimi

Sitten sinun on luotava Git-arkisto ja kytkettävä se GitHubiin. Se ei ole liian vaikeaa. Voit käyttää tätä ohjesivua GitHubilta.

Onko asennus valmis vielä? Sen ei pitäisi kestää yli 5 minuuttia. Kesti noin 15 minuuttia. Älä anna sen pelottaa sinua. Ellet ole kuin minä ja käytät 150 Mt / s 4G-datakorttia, joka antaa sinulle noin 512 kbps latausnopeuden parhaana päivänä.

Mukava asia on, että asennus muutti vanhan README.md-tiedostomme sivuun. Terminaalissa näkyy tämä suloinen viesti:

Sinulla oli `README.md`-tiedosto, me muutimme sen nimellä` README.old.md`

Päätteen olisi pitänyt myös näyttää sinulle valtava luettelo paketista puurakenteessa. Tämä voi näyttää pelottavalta. Mutta suurin osa näistä ovat pakettien välisiä riippuvuussuhteita. He auttavat sinua kehittämään sovellustasi. Lopputuotteella on vain tarvittavat JavaScript-tiedostot, kuten react.js ja react-dom.js. Menemme sinne hetken kuluttua.

Herätään toistaiseksi sovelluksemme. Kun asennus on ohi,
luo-reagoi-sovellus antaa meille luettelon kätevistä komennoista.

Tässä on luettelo viitteeksi:

  • npm alku
    Käynnistää kehityspalvelimen
  • Npm run build
    Niputtaa sovelluksen staattisiksi tiedostoiksi tuotantoa varten
  • npm-testi
    Aloittaa testijuoksijan
  • npm ajo poisto
    Poistaa yksittäisen riippuvuusrakenteen projektistasi. Katso tästä
  • npm ajon käyttöönotto
    Asenna build to gh-pages -haara

npm käynnistys- ja npm-testin sisäänrakennetut solmukomennot tunnistetaan oletuksena. Sinun täytyy suorittaa muita komentosarjoja, kuten rakentaa, poistaa ja ottaa käyttöön ylimääräisellä suorituslipulla:
npm suorita komentosarjan_nimi

Lisäisimme vielä muutaman prosessin edetessä. Nyt on aika ladata sivustomme selaimeen. Pääset sovellushakemistoon ja aja:

npm alku

Kuten taikuutta, uusi selaimen välilehti avautuu ja näet mukavan React-pyörän kääntyvän. Näkymän on oltava haastava rakentamaan seuraavaksi paras sovellus, jonka Internet on todistamassa.

Joten tämä on mitä saamme:

Se on aika siisti GIF (Graphics Interchange Format), eikö niin? Lukuun ottamatta kohdistimen tuloa. Kaapasin tämän GIF: n Peek-työkalulla. Tarkista se, kun tarvitset sitä.

Hyvin tehty! Toivon, että kesti vain 45 minuuttia. Jos sinulla on ongelmia, kiinnitä huomiota virheilmoituksiin ja yritä korjata ne.

Kun olet lähellä turhautumispistettä, siirry apuun Pino Ylivuoto. Tai jätä kysymyksesi alla oleviin kommentteihin.

Ennen kuin murtaudutaan mihinkään tiedostoihin, saadaan koodi sitoutua ja työnnetään GitHub-arkistoon. Nämä komennot tehdään:

git status
git add - all git commit -m "Alustatelineet, tämä on oma viestisi"
  • git status
    Näyttää luettelon tekemistämme muutoksista
  • git lisätä
    Lisää nämä muutokset väliaikaiseen paikkaan, nimeltään vaihe, ennen kuin työntämme sen pilveen

Jos suoritat git-tilan uudelleen, se ilmoittaa siitä

Haaraasi on 'alkuperä / päällikkö' edellä 1 sitoumuksella.
 (käytä "git push" -julkaisua julkaistaksesi paikalliset sitoumuksesi)
 mitään sitoutumista, toimiva hakemisto puhdas

Se on totta, olemme tehneet ja sitoutuneet muutoksiin paikallisesti. Ei mitään sitovia muutoksia. Mutta olemme eteenpäin arkistomme pilviversiosta. On aika julkaista ne turvallisessa talossa, joka on GitHub.

Ainoa mitä sinun täytyy suorittaa on:
git push alkuperämestari

Saat hienon raportin, joka näyttää hajautuksen, kuten fb74259..045ec7a, mikä on viittaus sitoumukseemme. Tietysti hashisi on erilainen.

Tarkista GitHub-arkisto. Oletko yllättynyt nähdessäsi pitkän README.md?Muista, että luo-reagoi-sovellus on korvannut pienen README.md-tiedostomme omallasi. Se on valtava ja hyödyllinen, joten pidämme sen toistaiseksi ennen kuin kirjoitamme oman.

Vaihe 2: Sivuston siirtäminen GitHub-sivuille

Rakenna staattinen sivusto

Katsotaanpa viimeistä rakennusta.

Sinun on vain suoritettava:

Npm run build

Varmista, että olet kaikkien komentojen hakemistohakemistossa. Saamme tämän mukavan tekstin, joka näyttää meille, mitä on tapahtunut ja mitä muuta voimme tehdä:

$ npm run build
> react-continuous-deployment@0.1.0 build / home / weebee / Projektit / blogi_projektit / react-jatkuva-käyttöönotto
> react-skriptit rakentuvat

Luodaan optimoitu tuotantorakenne ...
Kääntäminen onnistui.

Tiedostokoko gzip: n jälkeen:

  48,12 KB rakennus / staattinen / js / main.9fdf0e48.js
  288 B rakentaa / staattinen / css / main.cacbacc7.css

Projekti rakennettiin olettaen, että sitä ylläpidetään palvelimen juuressa.
Ohittaaksesi tämän, määritä kotisivu paketissa.json.
Lisää tämä esimerkiksi rakentaaksesi se GitHub-sivuille:

  "kotisivu": "http://manimi.github.io/myapp",

Kokoonpanokansio on valmis käytettäväksi.
Voit palvella sitä staattisen palvelimen kanssa:

  npm install -g palvella
  palvella-rakentaa

Npm run build -komento suorittaa sen, mitä me pyysimme. Se rakentaa sovelluksemme ja optimoi ja minimoi omaisuuden. Ja se sijoittaa kaiken kansioon nimeltä build.

Alaosaa kohti on ehdotus asentaa palvel npm-paketti paikallisen palvelimen käynnistämiseksi. Suurin osa ajasta, jos sinulla on Linux, sinulla on jo Python asennettuna. Paikallisen palvelimen käynnistäminen on melko helppoa, jos sinulla on Python.

Siirry rakennushakemistoon ja käynnistä palvelin, katso seuraavat komennot:

cd rakentaa
python -m SimpleHTTPServer

Python-komento käynnistää oletuksena palvelimen portissa 8000. Joten http: // localhost: 8000 palvelee verkkosivuston tuotantoversiota. Se käyttää omaisuuden juuri luomastasi paikallisesta rakennushakemistosta.

Jos se näyttää hyvältä, aiomme lähettää sen GitHub-sivuille.

Pohjustus GitHub-sivuilla

GitHub-sivut ovat isännöintiratkaisuja, jotka GitHub tarjoaa arkistoille. On olemassa muutamia paikkoja, joissa voit ylläpitää sivustoasi, kaikki arkistossa:

  • Voit käyttää päähaketta (oletushaku) isännöidäksesi verkkosivustoasi
    Jos sinulla on index.html, se tulee näkyviin. Muuten README.md tulee näkyviin.
  • Voit käyttää isäntähaaran asiakirjakansiota myös sivustosi isännöintiin
    Käyttötapaus olisi, kun sinulla on ohjelmisto tai kirjasto, joka on kehitetty GitHubissa. Haluat ehkä isännöidä dokumentaatiota samassa arkistossa.
  • Voit käyttää gh-pages -haaraa sivuston isäntänä

On poikkeus. Varastointinimesi ei pitäisi olla .github.io tai .github.io

Nämä ovat erityisiä nimiä, ja ne rajoittavat pääsivun käyttämiseen.

Kun isännöit verkkosivustoasi, voit ladata sen seuraaviin URL-osoitteisiin. Se riippuu siitä, onko arkisto tilisi tai organisaatiotilin alla:

https: //  .github.io /  /
https: //  .github.io /  /

Varmistamme tämän ymmärryksen avulla arkistomme toimimaan.

Julkaise GitHub-sivuilla

Luo-reagoi-sovelluksen meille antamassa uudessa README.md: ssä on erillinen osio GitHub-sivuilla. Meidän on tehtävä muutamia asioita.

Tarkista paketin.json-tiedoston lisäykset

"kotisivu": "http: //  .github.io / 

Huomaa: Yleensä JSON: n viimeisessä osassa tai merkinnässä ei tarvita pilkkua, kaikilla muilla pitäisi olla yksi.

Asenna gh-pages-paketti

Tämä on helppoa. Suorita vain seuraava komento ollessasi projektihakemistossa:

npm install - tallenna gh-sivut

- Tallenna -lippu lisää gh-sivut riippuvuutena pakettiin.json. Tällä varmistetaan, että kuka tahansa muu, joka kloonat projektisi, voi myös saada sen, kun he suorittavat npm-asennuksen.

Tässä on tilannekuva git diff -komennosta, joka näyttää kaikki mitä olemme lisänneet paketin.json luomisen jälkeen.

Ota käyttöön gh-pages-haaraan

Käytetään npm-käyttöönottoa. Se suorittaa automaattisesti ennakkoasennuksen tuottaaksesi aiemmin nähneen tuotantokokoonpanon. Sitten se ottaa rakennuksen arkistoomme uuden sivun, nimeltään gh-pages, alle.

Tarkista, onko viimeksi julkaisuna julkaistu tila. Jos näin on, olet onnistuneesti asentanut tuotantokokoonpanon GitHubiin. Tässä on lähtö:

Valitse julkaistava gh-pages-haara

Siirrytään GitHub-arkistoon ja julkaistaan ​​sivustollemme. Avaa arkisto ja siirry yläosassa olevaan Asetukset-välilehteen. Näyttää siltä, ​​että tämä kuva on alla, odota hetki! GitHub on julkaissut gh-pages-haaran automaattisesti. Ei ole mitään muuta tekemistä. Se näyttää myös URL-osoitteen, jolla pääsemme sivustoon.

Yllä olevan otsikon pitäisi oikeastaan ​​sanoa Älä tee mitään. Se on kaikki valmis ja valmis meille kuluttamiseen.

Huomautus: Varastointini URL-osoite saattaa johtaa harhaan sinua. Tämä johtuu siitä, että olen luonut tämän arkiston organisaatiolle nimeltä PineBoat, joka on blogini. GitHub sijoittaa tämän mukautetun verkkotunnukseni alle, mikä ei ole jotain mitä odotin kokeillessani tätä. Sinun tulee eroa.

Toistaiseksi niin hyvä. Jos sinulla on ollut aiempaa kokemusta Git- ja Node-paketeista, sinulla ei olisi pitänyt olla mitään vaikeuksia päästä tähän pitkälle. Itse asiassa oletus README.md riitti auttamaan minua niin pitkälle. Jos sinulla ei ole ollut kokemusta, toivottavasti nautit matkasta.

Mutta pyrimme jatkuvaan käyttöönoton työnkulkuun. Alamme navigoida kartoittamattomilla vesillä. Voitaisiin väittää, että mitään ei ole kuvaamatonta Internetissä. Olen samaa mieltä, mutta luon vielä oman karttan.

Vaihe 3: Jatkuva käyttöönotto

Täältä saamme robotteja tekemään suurimman osan vaiheessa 2 käytetystä käyttöönotosta.

Lanka Travis CI: ssä automaattista rakennusta varten

Otetaan Travis CI suorittaa käyttöönotto meille. Sivustosi rakentamisessa ja käyttöönotossa ei ole haittaa. Kuten olemme nähneet, kaikki vie vain muutaman minuutin arvokkaasta ajastamme.

Kuitenkin, kun käynnistät suurempia mittakaavan projekteja, on parempi antaa luotettavien robottiyritysten suorittaa joitain töistä. Travis CI on yksi tällainen palvelu.

Voimme hyödyntää Travis CI -sovellusta rakentaa ja ottaa käyttöön aina, kun sitoumme koodimme arkistoon.

Rekisteröidy Travis CI: hen

Olisi ärsyttävää, jos aloitan nyt ”jos sinulla on GitHub-tili”. Olen varma, että sinulla on jo nyt, ja voimme käyttää sitä kirjautuaksesi Travis CI: hen.

Yhdistä GitHub-arkistoon

Varo oikeuksia. Jos arkistosi ei tule luetteloon, napsauta synkronointipainiketta ja päivitä sivu. Minun oli annettava lupa ”PineBoat” -organisaatiolle ennen kuin näin arkiston.

Travis CI näyttää vaiheet. Yhdistä se napsauttamalla kytkintä arkistoa vasten.

Napsauta arkiston nimeä avataksesi sen. Se näyttää rakennuksen tilan tuntemattomana ja suurempi huomautus sanoo Ei rakennuksia tälle arkistolle.

Ei pitkään. Muutetaan se.

Lisää .travis.yml arkistoon

Tässä on .travis.yml, joka on lisättävä. Katsokaa ja pysyte minun kanssani, kun selvitän joitain mahdollisia kysymyksiä.

kieli: node_js
node_js:
 - "solmu"
after_success:
 - git config - global user.name "vijayabharathi"
 - git config --global user.email "[sähköposti suojattu]"
 git kauko rm alkuperä
 - git etälähetys alkuperä https: // vijayabharathib: $ {GH_TOKEN} @ github.com / mäntyvene / reagoi jatkuva-käyttöönotto.git
 - npm ajon käyttöönotto

Ole varovainen git-kaukosäätimen alkuperän suhteen, se on yksi pitkä rivi. YAML-syntaksi on hiukan erilainen kuin JSON. Tämä sivu saattaa auttaa. Nyt on aika hajottaa se. Olet ehkä tajunnut suurimman osan näistä viesteistä.

Tässä se on selkeästi englanniksi:

  • Tämä on solmuprojekti. Hanki uusin solmuversio
  • Koska Travis suorittaa oletusarvoisesti npm-testin, pyydämme sitä tekemään asioita testin onnistumisen jälkeen
  • Lisää Git-käyttäjänimesi ja sähköpostiosoitteesi
  • Lisää sitten säilön etäalkuperä
    Käytä käyttäjätunnustasi ja luotuasi GH_TOKEN käyttöoikeustietoina
  • Suorita lopuksi npm run deploy -komento
    Jos muistat, tämä suorittaa npm run ennakkoasennuksen ennen npm run käyttöönottoa

Sitoutu ja katso Travis CI: n rakentamista

Pidä Travis CI -varasto-sivu auki. Lisää muutoksia päätelaitteellasi, sitoa ja työnnä ne GitHubiin.

Jos tarvitset muistutuksen, tässä on luettelo komennoista:

git add - kaikki
git activ -m "add .travis.yml configuration for automaattinen build" git push orig master

Jos siirryt Travis CI -sivulle, näet sivun heräävän heti, kun painatus on ohi tai muutamassa sekunnissa. Kokoonpano alkaa automaattisesti ja tiedät, onko se onnistunut.

Tässä on Travis CI -sivuni, joka näyttää mukavan vihreän tilan.

Esitetty loki on vähintään 2500 riviä. Olen iloinen, että Travis-CI näyttää vain sen, mitä meidän täytyy nähdä.

Selkeä kuvaus vaiheista, kuten seuraavassa kuvassa esitetään:

Tarkasta paikalla, onnistimmeko todella?

Tällöin tuotannossa käytettävät automatisoidut testit voivat olla hyödyllisiä.

Mutta se on toisena päivänä. Selenium WebDriver voi odottaa, kunnes valmistamme tämän johdotuksen. Tarkistetaan manuaalisesti, onko Travis CI todella julkaissut GitHub-sivuilla.

Toinen kokeilu, tällä kertaa muutoksilla koodiin

Viime kerralla emme voineet nähdä mitään eroa sovelluksessamme käyttöönoton jälkeen. Se johtuu siitä, että emme tehneet mitään. Joten ei ollut mitään keinoa kertoa, onko rakennus onnistunut. Voit ladata gh-sivut haara ja tutkia sitoumuksia, mutta en ero.

Tehdään nyt pieniä muutoksia. On aika ottaa React-pyörä takaisin ajoissa.

Teemme vain kaksi muutosta.

Src / App.css-tiedostossa on animaatio-osio nimeltä @keyframes App-logo-spin. Muuta tuo 360deg arvoksi -360deg. Tämä pyörii pyörää vastapäivään.

Lataa src / logo.svg-tiedosto ja vaihda täyttöväri arvosta # 61DAFB arvoon # DA61FB. Jos palvelimesi toimii npm start -kohdan kautta, voit nähdä jo purppurapyörän pyörivän vastapäivään. Jos ei, lisää muutokset tarraan, sitoutu ja työnnä ne arkistoon. Katso, onko rakennus onnistunut Travis-CI: ssä, ja siirry sitten Github-sivullesi.

Lataa käyttäjän_nimi.github.io/varaston_nimi. Sinun pitäisi nähdä purppura pyörä sinisen sijaan.

Valitettavasti en näe sitä purppuraista pyörää. Näen edelleen oletussinisen.

Korjaa puuttuva GH_TOKEN

Vaikka Travis CI kertoi, että kaikki on hyvin, niin ei ole. Jos avaat gh-pages-haara, näet alkuperäisen sitoumuksen, jonka teimme paikallisesta terminaalista. Ei muita sitoumuksia. Tämä tarkoittaa, että after_success -komennot eivät olleet niin onnistuneita.

Jos laajennat npm ajon käyttöönotto -osaa Travis-rakennuslogissa, näet joitain todennusvirheitä. Tämä johtuu siitä, että emme ole antaneet Travis CI: lle lupaa kirjoittaa arkistoomme.

Voit luoda uuden tunnuksen GitHub.com-sivuston Henkilökohtaiset käyttöoikeustiedot -sivulta. Muista antaa pääsy julkiseen arkistoon yksin. Vain yksi valintamerkki public_repoa vastaan ​​tekee. Älä missaa tätä. Kun olet luonut tunnuksen, kopioi se. GitHub varoittaa oikeutetusti, että et voi nähdä sitä enää.

Siirry Travis CI: n päälle, napsauta arkiston Lisää vaihtoehtoja -vaihtoehtoa ja valitse asetukset. Se näyttää useita osioita, mutta ympäristömuuttujat on etsittävä.

Nimeä tunnus nimellä GH_TOKEN ja ohittaa tunnuksen arvokentän. Napsauta Lisää. Älä kytke näyttöarvoa lokiin, koska se saattaa olla ihmisille näkyvissä, jos lähetät lokit ulos. Tunnus vastaa salasanaasi.

Siinä kaikki, nyt Travis-CI voi kirjoittaa arkistoomme.

Palaa arkiston Nykyinen-välilehteen ja napsauta Käynnistä uudelleen. Kun rakennus on ohi, voit tarkistaa lokit ja tarkistaa gh-pages-haara GitHubissa. Sinun pitäisi nähdä uusi sitoutuminen.

Onnittelut! Se on ensimmäinen automaattinen käyttöönotto. Entä itse github.io -sivusto? Mitään päivitysmäärää ei tuota kaivattua purppurapyörää. Älä menetä vielä toivoa.

Pyydä huoltotyöntekijää pitämään tauko

Silti pyörä vuotaa sinisenä. Mutta gh-pages-haara arkistossa näyttää toisen sitoutumisen. Vertataan index.html-tiedostoa arkistossa ja verkkosivulähteessä. Ne osoittavat erilaisia ​​CSS- ja JavaScript-tiedostoja. Hajautusliite on meidän vihjeemme.

Tämä näyttää johtuvan aktiivisesta JavaScriptiä palvelevasta työntekijästä. Se on välimuistissa sivu offline-käyttöä varten. Mutta tämä johtopäätös vaatii lisää tutkimusta. Sillä välin lopetetaan vain huoltotyöntekijä ja tyhjennetään säilytystila.

Jos käytät Chromea, Kehittäjän työkaluja voi käyttää valikossa tai painamalla F12. Chrome DevTools -sovelluksen välilehdessä on Tyhjennä tallennustila -osa. Tarkista kaikki merkinnät ja napsauta lopuksi tätä Tyhjennä sivustotiedot.

Päivitä ja puomi! Tässä on kääntöpyörämme, joka on kirkkaan violetti. Nyt on aika juhlia.

Huomaa: Tämän säilytystilan puhdistamiseen on oltava parempi tapa. Olisi tuskaa, jos joudumme lopettamaan ja puhdistamaan palveluhenkilökunta ja varastot joka kerta saadaksemme muutokset verkkoon. Se on aihe lisää tutkimukselle.

Vaihe 4: Travis CI: n kunniamerkki

Meillä on yksi viimeinen tehtävä. Toisin sanoen, että saat kiiltävän Travis CI -kokoonpanomerkinnän arkiston README.md-tiedostoon.

Avaa Travis CI ja napsauta rakentaa: ohitusmerkki. Se näyttää valintaikkunan, jossa on vaihtoehto kuvan siirtämiseen. Jätä haara päälliköksi. Valitse Merkitse kuvan URL-osoitteen sijasta. Kopioi annettu teksti.

Liitä se README.old.md-tiedostoon, jonka meille on aiemmin luonut-reagoi-sovellus. Kirjoita oma sisältö.

Voit poistaa oletus README.md-arkistosta ja nimetä README.old.md-tiedostoksi README.md.

Lisää muutokset Git-vaiheisiin, sitoutu ja työnnä pilveen. Nyt arkiston tulisi näyttää aina haluamasi erä. Tässä on lemmikkiprojektimme URL-osoite.

https://travis-ci.org/pineboat/react-continuous-deployment.svg?branch=master

Voit lisätä kyseisen URL-osoitteen ylälaidassa olevaan README.md-tiedostoon. Tässä on kuva:

Olemme valmis täällä! Aika juhlia.

Haluaisin jättää sinulle kysymyksen. Jos työskentelet suurissa ryhmissä käyttämällä samanlaista työnkulkua, mitkä haasteet kohtaavat ja miten ratkaisisit ne? Kirjoita kommentti ja kerro minulle.

Kiitos paljon lukemisesta. Toivon, että pidit siitä hyödyllisen.

Tämä julkaistiin alun perin osoitteessa pineboat.in.

Taputus osoittaa, kuinka paljon arvosit tätä artikkelia.