Ábhar
- 01. Seiceáil leagan a rith
- 02. Suiteáil Dronuilleach
- 03. Cruthaigh creatlach tionscadail
- 04. Luchtú difreálach harnais
- 05. ... agus féach na torthaí
- 06. Oibrí gréasáin a sceitheadh
- 07. Déan iniúchadh ar an gcód
- 08. Cuir scafall ar bun
- 09. Ná bíodh imní ort faoin easpa tógálaí
- 10. Rith beag tiomsúcháin a dhéanamh
- 11. ... agus faigh an t-aschur
- 12. Faigh ag obair
- 13. Déan iniúchadh ar Ivy
- 14. Bain triail as próiseáil modhnaithe ng
- 15. Bain sult as an imirce fheabhsaithe
- 16. Rialú spáis oibre a iniúchadh
- 17. Luathaigh an próiseas
- 18. Seachain na siúlóidí marbh
- 19. Féach ar an loga athraithe
Is é Angular 8 an leagan is déanaí de Google’s Angular - ceann de na creataí JavaScript is fearr timpeall. San alt seo, rithfimid tríd an rud atá speisialta faoi Angular 8, agus taispeánfaimid duit conas tosú. Ar dtús, caith súil siar ar an méid a tharla leis an gcreat go dtí seo.
D'athraigh réamhrá Angular athrú paraidíme i bhforbairt gréasáin: cé gur chuir formhór na leabharlanna iad féin ar fáil chun tacaíocht a sholáthar d'fhorbróirí a raibh tionchar ailtireachta réasúnta teoranta acu, chuaigh foireann forbróirí Angular sa treo eile. Cuireann a dtáirge iallach ort ailtireacht shonrach a úsáid, agus tá diall ann ó dheacair go pointe tráchtála. Déanta na fírinne, ritheann an chuid is mó de chód uilleach trí ghaireas trasuímh réasúnta casta sula mbuaileann sé an brabhsálaí riamh.
Mar gheall ar an rath iontach a bhí ar Angular, laistigh agus lasmuigh de Google Inc, tá an fhorbairt cobhsaithe den chuid is mó. Ciallaíonn sé seo gur beag athruithe a dhéantar ar chód, cé go bhfuil na huasghráduithe leathbhliantúla dírithe ar an gcreat a oiriúnú d’athruithe sa tírdhreach brabhsála gréasáin.
I gcás Dronuilleogach 8, mar shampla, úsáidtear tiomsaitheoir JavaScript nua (cé go turgnamhach fós). Uasmhéadaíonn sé an cód comhoiriúnachta a ghintear le go mbeidh sé i bhfad níos lú agus níos gasta ar chostas brabhsálaithe níos sine. Ina theannta sin, tá tacaíocht Oibrí Gréasáin comhtháite chun cumas próiseála Angular a mhéadú. I mbeagán focal, tá go leor le feiceáil - mar sin lig dúinn tumadh isteach.
Más fearr leat suíomh a dhearadh gan chód, bain triail as ceann de na tógálaithe láithreáin ghréasáin éasca seo. Agus chun rudaí a dhéanamh níos rianúla, déan do sheirbhís óstála gréasáin i gceart.
01. Seiceáil leagan a rith
Tá cónaí ar Angular’s toolchain i dtimpeallacht NodeJS. Maidir leis an scríbhinn seo, tá gá le Node.js 10.9 nó níos fearr - má aimsíonn tú leagan níos sine, tabhair cuairt ar shuíomh Gréasáin Node.js agus uasghrádú a fháil. Taispeánann an cód thíos stádas an leagain ar an meaisín seo.
tamhan @ TAMHAN18: ~ $ nód -v v12.4.0 tamhan @ TAMHAN18: ~ $ npm -v 6.9.0
02. Suiteáil Dronuilleach
Tá fón uirlisí Angular ina chónaí i bhfóntas líne ordaithe darb ainm ng. Is féidir é a shuiteáil tríd an NPM aitheanta.
tamhan @ TAMHAN18: ~ $ sudo npm install -g @ angular / cli tamhan @ TAMHAN18: ~ $ ng leagan
Bí cúramach an cheist a thaispeántar san íomhá thíos a fhreagairt.
Tá sé deacair faisnéis leaganacha a bhaint as an uirlis - ní amháin go bhfuil an chomhréir uathúil, ach tá an t-aschur ó bhéal freisin (féach an íomhá thíos).
03. Cruthaigh creatlach tionscadail
ng Gineann an scafall uilleach dúinn. Sna céimeanna seo a leanas, ba mhaith linn ródú a chur leis, agus Sass a úsáid le haghaidh trasuí CSS. Má theipeann ar an imscaradh ar chúis éigin, folamh an eolaire oibre, agus atosú ng le cearta superuser.
tamhan @ TAMHAN18: ~ $ mkdir angularspace tamhan @ TAMHAN18: ~ $ cd angularspace / tamhan @ TAMHAN18: ~ / angularspace $ ng nua workertest
04. Luchtú difreálach harnais
Uasmhéadaíonn an leagan nua de Angular an cód comhoiriúnachta siar chun tionchar laghdaithe - comhad ar a dtugtar liosta brabhsálaí ligeann duit cinneadh a dhéanamh faoi na brabhsálaithe a dtacófar leo. Oscail liosta brabhsálaí agus bain an focal ní os comhair IE 9 go IE11.
. . . > 0.5% de na leaganacha deireanacha 2 Firefox ESR nach bhfuil marbh IE 9-11 # Le haghaidh tacaíochta IE 9-11, bain ‘ní’.
05. ... agus féach na torthaí
Déan tiomsú den tionscadal a ordú, athraigh isteach san fhillteán dáilte agus glan comhaid léarscáileanna gan ainm.
tamhan @ TAMHAN18: ~ / angularspace / workertest $ sudo ng build tamhan @ TAMHAN18: ~ / angularspace / workertest / dist / workertest $ ls
Iarr ar chrann na torthaí a fheiceáil - ng cruthaítear leaganacha iolracha de chomhaid cód éagsúla (féach an íomhá thíos).
06. Oibrí gréasáin a sceitheadh
Ligeann oibrithe gréasáin do JavaScript dul isteach sa teorainn dheireanach d’fheidhmchláir dhúchasacha: próiseáil mhór comhthreomhar tascanna. Le Dronuilleog 8, is féidir oibrí gréasáin a chruthú díreach ó chompord an ng fóntais líne ordaithe.
tamhan @ TAMHAN18: ~ / angularspace / workertest $ sudo ng gineadh myworker oibrí gréasáin CREATE tsconfig.worker.json (212 beart) CREATE src / app / myworker.worker.ts (157 bytes) Thabhairt cothrom le dáta tsconfig.app.json (236 beart) ) Nuashonrú uilleach.json (3640 beart)
07. Déan iniúchadh ar an gcód
ngIs dóigh go mbeidh cuma scanrúil ar aschur an chéad amharc. An comhad a oscailt src / app / myworker.worker.ts nochtann eagarthóir cód roghnaithe cód ar chóir duit a bheith ar an eolas go maith ón Oibreoir Gréasáin sonraíocht. I bprionsabal, faigheann an t-oibrí teachtaireachtaí agus déanann sé iad a phróiseáil de réir mar is gá.
/// reference lib = "webworker" /> addEventListener (‘message’, ({data}) => {const response = `freagra an oibrí ar $ {data}`; postMessage (freagra);});
08. Cuir scafall ar bun
Is éard atá in iarratais uilleach comhpháirteanna. Is fearr a dhéantar an t-oibrí gréasáin a mhúchadh taobh istigh den AppComponent, a leathnaítear chun éisteoir don OnInit imeacht. Go dtí seo, ní astaíonn sé faisnéis stádais amháin.
allmhairiú {Comhpháirt, OnInit} ó ‘@ angular / core’; Aicme onnmhairithe @Component ({..}) AppComponent i bhfeidhm OnInit {title = ‘workertest’; ngOnInit () {console.log ("AppComponent: OnInit ()"); }}
09. Ná bíodh imní ort faoin easpa tógálaí
Fiafraíonn forbróirí TypeScript a bhfuil taithí acu orthu féin cén fáth nach n-úsáideann ár gcód an tógálaí a sholáthraíonn an teanga cláir. Is é an chúis atá leis sin ngOnInit Is imeacht saolré é a loisceadh aon uair a bhíonn imeacht tosaigh ar siúl - ní gá é seo a chomhghaolú le cuireadh an ranga.
10. Rith beag tiomsúcháin a dhéanamh
Ag an bpointe seo, tá an clár réidh le rith. Déanfaimid é a fhorghníomhú ón bhfreastalaí taobh istigh de ng, ar féidir iad a agairt tríd an ordú seirbheála. Gné néata den chur chuige seo is ea go n-aimsíonn an clár athruithe agus go ndéanann sé an tionscadal a athmhúnlú ar an eitilt.
tamhan @ TAMHAN18: ~ / angularspace / workertest $ sudo ng fónamh
Féach ar an bhfigiúr chun é seo a fheiceáil ag gníomhú san íomhá thíos.
11. ... agus faigh an t-aschur
freastal cuireann sé seoladh a fhreastalaí gréasáin áitiúil, mar is gnách http: // localhost: 4200 /. Oscail an leathanach gréasáin agus oscail uirlisí an fhorbróra chun an t-aschur stádais a fheiceáil. Coinnigh i gcuimhne go console.log déanann sé sonraí a aschur chuig consól an bhrabhsálaí agus fágann sé consól an cháis NodeJS gan teagmháil.
12. Faigh ag obair
Ag an bpointe seo, cruthaímid sampla den oibrí agus soláthraímid teachtaireacht dó. Taispeántar a thorthaí ansin i gconsól an bhrabhsálaí.
más rud é (typeof Worker! == ‘undefined’) {// Cruthaigh oibrí const nua = Oibrí nua (’./ myworker.worker’, {type: ‘module’}); worker.onmessage = ({data}) => Fuair {leathanach console.log (’teachtaireacht: $ {data }’); }; oibrí.postMessage (‘Dia duit’); } eile {console.log ("Gan aon tacaíocht oibrithe"); }
13. Déan iniúchadh ar Ivy
Úsáidfidh leaganacha amach anseo de Angular tiomsaitheoir níos airde, agus beidh radhairc níos lú fós ann. Cé nach bhfuil an táirge críochnaithe fós, is féidir cnámharlach cumasaithe eidhneán a sceitheadh trí tionscadal nua eidhneán - enable-eidhneán. Nó, athraigh socruithe an tiomsaitheora mar a thaispeántar sa chnuasach.
"angularCompilerOptions": {"enableIvy": fíor}
Focal rabhaidh: Tá laghduithe iontacha ar mhéid mar thoradh ar Ivy, ach níl sé saor in aisce. Níor chobhsaigh an táirge go fóill, mar sin ní mholtar é a úsáid i dtimpeallachtaí táirgiúla.
14. Bain triail as próiseáil modhnaithe ng
Angular’s ng d'úsáid uirlis líne ordaithe scripteanna leanaí go hinmheánach ar feadh tamaill. Méadaíonn uilleach 8 an ante sa mhéid gur féidir leat an áis seo a úsáid anois chun do thascanna féin a reáchtáil de réir mar a dhéantar d’iarratas a chur le chéile agus a thiomsú.
"ailtire": {"build": {"tógálaí": "@ angular-devkit / build-angular: browser",
Feidhm néata amháin de ng Is éard atá i gceist le scripteanna feidhmchláir a uaslódáil go díreach chuig seirbhísí scamall. Soláthraíonn stór Git script úsáideach a uaslódálann do chuid oibre chuig cuntas Firebase.
15. Bain sult as an imirce fheabhsaithe
Bhí sciar cothrom de shaincheisteanna ag forbróirí a chuaigh ar imirce ó Angular 1.x, ar a dtugtar AngularJS freisin, ag iarraidh ar an loingseoir oibriú i gceart in iarratais ‘comhcheangailte’. Tá sé mar aidhm ag an tSeirbhís Suíomh Aontaithe nua an próiseas seo a dhéanamh níos rianúla.
16. Rialú spáis oibre a iniúchadh
Baineann tionscadail mhóra leas as an gcumas struchtúr an spáis oibre a athrú go dinimiciúil. Déantar é seo tríd an API Spás Oibre nua a tugadh isteach in Dronuilleog 8.0 - tugann an snippet a ghabhann leis an gcéim seo léargas tapa ar an iompar.
feidhm async léirigh () {const host = spásanna oibre. createWorkspaceHost (NodeJsSyncHost () nua); spás oibre const = fanacht ar spásanna oibre. readWorkspace (’cosán / chuig / spás oibre / eolaire /’, óstach); const project = workpace.projects. faigh (‘my-app’); const buildTarget = project.targets. faigh (‘build’); buildTarget.options.optimization = fíor; fanacht ar workpaces.writeWorkspace (spás oibre, óstach); }
17. Luathaigh an próiseas
Bíonn sé slachtmhar bunáiteanna móra cód JavaScript a thógáil. Úsáidfidh leaganacha amach anseo de AngularJS córas tógála Google’s Bazel chun an próiseas a luathú - faraor, tráth a scríofa ní raibh sé réidh don chéad uair.
18. Seachain na siúlóidí marbh
Cé go nglacann Google an-chúram gan an cód a bhriseadh, ní gá ach roinnt gnéithe a bhaint de bhrí nach bhfuil siad ag teastáil a thuilleadh. Seiceáil an liosta dímheas seo chun níos mó a fhoghlaim faoi ghnéithe ba chóir a sheachaint.
19. Féach ar an loga athraithe
Mar is gnáth, ní féidir le halt amháin ceartas a dhéanamh maidir le scaoileadh iomlán. Ar ámharaí an tsaoil, soláthraíonn an loga athraithe seo liosta mionsonraithe de na hathruithe go léir - ar eagla go mbraitheann tú riamh buille na gné a sheiceáil go háirithe daor duit.
An bhfuil a lán comhad réidh le huaslódáil ar do shuíomh? Déan iad a chúltaca sa stóráil scamall is iontaofa.
Foilsíodh an t-alt seo ar dtús san iris chruthaitheach um dhearadh gréasáin Dearthóir Gréasáin.