Kuinka rakensin työn kaavinta-verkkosovelluksen Node.js: n avulla

Työn kaavinta verkosta on nyt tullut helpommaksi Indreedin ansiosta.

Tietoa henkilöstä Indreed

Indreed on Rest API -sovellus työpaikkojen kaappaamiseen todella ja verkosta. Sitä saa henkilökohtainen verkkokaappausprojekti ja se on kerrostettu lepo-sovellusliittymään. Se on todellinen Rest-sovellusliittymä ja sitä voidaan käyttää mistä tahansa alustaa käyttämällä mitä tahansa ohjelmointikieltä. Sillä on tukea COR: ille, joten voit käyttää sitä ulkoisilta verkkosivuilta. Indreed tukee laajaa valikoimaa suodattimia, joiden avulla voit hienosäätää työn tuloksia. Indreed -sovelluksella voit saada lähes kaikki tarvitsemasi tiedot työstä verkossa. Asiakirjat löytyvät täältä.

Web-sovelluksen rakentaminen

Tätä opetusohjelmaa varten käytämme Node.js-työkalua työluetteloiden verkkosovelluksen luomiseen. Teknologiapino, jota aiomme käyttää, sisältää:

  1. Axios Rest API -soittojen suorittamiseen
  2. Express palvelimelle
  3. Ohjaustangot mallin kielelle.
  4. Ja kyllä, käytämme MDL-käyttöliittymäämme.

Aloitetaanpa…

Avaa terminaali:

mkdir jobby && cd jobby
npm init -y
npm install - tallenna express axios express-ohjaustanko
npm install --save-dev nodemon

Kun olet tehnyt sen, avaa luotu paketti.json-tiedosto haluamassasi tekstieditorissa ja sinun pitäisi nähdä jotain alla olevaa:

package.json

Olen jo lisännyt kuvauksen, osoittanut pääkonsultini app.js: ään ja lisännyt avainsanat, nimeni ja myös nodemonin reaaliaikaiseen uudelleenlataukseen.

Asennetaan nyt peruspikapalvelin ja ohjaustankojen malli. Luo app.js-tiedosto projektihakemistoon:

Varmista, että sinulla on sama kansiorakenne kuin alla:

kansion asetukset (ohita data.json)

Nyt meidän on luotava index.hbs-tiedosto näkymäkansioon, joka pitää HTML-koodimme:

Sovelluksen ajamiseksi voit periaatteessa käyttää solmua app.js. Jos haluat käyttää nodemonia, voit tehdä nodemon app.js.

Voit nyt avata selaimessa http: // localhost: 5000.

Hurraa!

Yritämme nyt yrittää saada töitä Indreed-sovellusliittymästä axiosta, sitten muotoilemalla ohjaustangot.

Avaa app.js ja päivitä app.get ("/"):

Korvaa sitten {{body}} seuraavilla:

{{# kukin työpaikka}}    
   
   
   

{{this.title}}

       
   {{this.summary}}        

Huomaa: Tätä varten näytetään vain otsikko, yhteenveto ja URL. Voit lisätä muita tietoja, joten tarkista se.

Päivitä se ja saat wow:

Onnittelut, loit juuri yksinkertaisen työluettelosivuston.

Tarkastellaan juuri rakennettua:

  • Lähetimme GET-pyynnön Indreed API: lle axiosta
  • tämä haki web-kehittäjän työluettelot
  • ja palautti ohjaustankoihin siirretyt JSON-tiedot auttaaksemme meitä läpi sen
  • tulokset näytetään.

Sovelluksemme näyttää vain web-kehittäjien töitä. Entä jos haluaisimme nähdä muun tyyppisiä työpaikkoja? Olisi typerä mennä vaihtamaan se koodipuolelta. Joten mitä aiomme tehdä seuraavaksi, on luoda yksinkertainen lomake työn tulosten suodattamiseksi.

Annetaan luoda / haun päätepiste:

Luo seuraavaksi search.hbs:

Lisäämme kuitenkin CSS: tä:

Päivitä seuraavaksi kotisivumallisi tällä:

Nyt kun olemme valmiita malleihin, puhdistetaan app.js:

Siinä kaikki, olemme valmis.

Joitakin ehdotuksia

  1. Sijainti: Käyttäjän sijainnin tunnistava sovellus on jotain, jonka voit lisätä, jotta Indreed olisi älykkäämpi. Ehdotan, että käytät Express-IP: tä, pikavälitysohjelmaa IP-tietojen saamiseen. Voit käyttää sitä alla kuvatulla tavalla:

req.ipInfo saattaa palauttaa arvon nollaksi, jos olet localhost (siksi if-lause on siellä).

2. Tarkennetut hakutulokset: Indreedillä on useita suodattimia, joiden avulla voit suodattaa työn tulokset, ja olemme käyttäneet vain q ja l. Joten voit lisätä lomakkeen, joka hyödyntää joitain käytettävissä olevista suodattimista:

3. Todennus: Voit lisätä todennusjärjestelmän käyttäjän hakutulosten mukauttamiseksi henkilökohtaisesti. Tämän avulla käyttäjät voivat valita haluamansa työryhmät, ja ehdotat edelleen siihen liittyviä töitä, kun he kirjautuvat sisään.

4. Välimuisti: Jos haluat mukauttaa käyttäjän hakutuloksia käymättä läpi todennusta, voit valita välimuistin.

Lyhyt huomautus

Olen Indreed API: n luoja, ja sen alfa-vaiheessa. Kuten huomaat, se isännöi Herokua ja tarvitsee silti paljon parannuksia jäsentelyn, suorituskyvyn, nopeuden ja isännöinnin suhteen. Jatkaaksesi tätä kehitystä voit osallistua kehitykseen ottamalla yhteyttä minuun (oyetoketoby80 [at] gmail.com) tai voit myös auttaa Patreon-sivuni kautta. http://patreon.com/oyetoketoby

Se kaikki tämä artikkeli. Voit saada koodin täältä ja katsella myös live-esitystä: http://jobbyio.herokuapp.com.

Jos pidit tästä artikkelista, taputtele ystävällisesti ja jaa muille.