Gina Gyara Kowane Kayan Gudanar da Ƙa'idar Manyan Labarai: Tsarin Jagora Mataki
Gina Gyara Gidan Baje Kolin Kasuwanci: Tsarin Mataki na Mataki Mai Girma Jagora Mai Girma:
AngularJSNode.jsReactAjaxES6More ... Masu tallafawa
March 1, 2018
1 answers:
Gina Gidan Gida na Kasuwanci Blog: A Shirin Mataki na Mataki
Lokacin da batutuwa na aikace-aikace guda ɗaya (SPAs) ya zo, zamu yi la'akari da masu bincike, Semalt, gudun, da kuma ganuwa ga injunan bincike. Wannan shi ne saboda SPA ta samar da wani shafi ta hanyar amfani da Semalt, kuma tun da masu amfani da yanar gizo ba su amfani da burauzar don duba shafukan intanet ba, ba za su iya dubawa da kuma rarraba abun ciki - ko akalla yawancin su basu iya ba.
Wannan matsala ce da wasu masu cigaba suka yi ƙoƙarin warwarewa ta hanyoyi daban-daban:
Ƙara wani ɓangaren ɓoyayyen ɓangaren yanar gizon yanar gizo, wanda ke buƙatar kowane shafuka don samuwa a cikin tsari kuma yana ƙara yawan aiki (yanzu an ragu).
Yin amfani da sabis wanda aka biya don ba a bincika SPA a cikin saiti na sticking ga masu bincike na bincike don fashe.
Amincewa da waɗannan injunan binciken sun riga sun isa don karanta Javascript ɗinmu-kawai abun ciki. (Ba zan kasance ba tukuna.)
Amfani da Node. js a kan uwar garken kuma Sake amsa akan abokin ciniki, za mu iya gina kayan aikin JavaScript don zama duniya (ko isomorphic ). Wannan zai iya ba da dama da dama daga hanyar sabuntawa da kuma fassarar masarufi, yana barin duka injunan bincike da mutane ta amfani da masu bincike don duba abubuwan SPA.
A cikin wannan koyaushe, zan nuna maka yadda za a gina wani Abubuwan Taɗi na Kasuwanci na Kasuwanci wanda zai fara sa alama a kan uwar garke don yin abubuwan da muke ciki don samfurin bincike. Bayan haka, zai bari mai bincike ya karɓa a cikin takardar shafi daya wanda yake da azumi da amsawa.
Fara Farawa
Imel ɗin mu na yanar gizo na duniya zai yi amfani da fasaha da kayan aiki masu zuwa:
Node. js don gudanarwa ta kunshin da kuma saitunan uwar garke
Sake amsa ga ra'ayi na UI
Bayyana don tsarin tsarin JS mai sauki
Sake yin na'ura mai ba da hanya ga hanyar sadarwa
Maimaita Mai Gudun Kayan Gudun Daji don Yin Magana a Ci Gaban
Flux don ƙaddamar bayanai
Cosmic JS don sarrafa kayan aiki
Don farawa, gudanar da waɗannan dokokin:
mkdir amsa-yanar-gizocd amsa-gizo-blog
Yanzu ƙirƙirar kunshin. json fayil kuma ƙara abin da ke ciki:
A cikin wannan fayil, za ku lura cewa mun kara da cewa:
Babel don kunshin batutunmu na CommonJS kuma ya sake mayar da mu ES6 da kuma React JSX a cikin Javascript mai jituwa-bincike
Codmic JS Jami'ar Node. js abokin ciniki don sauƙaƙƙin hidima ta yanar gizo daga Cosmic JS girgije-hosted abun ciki API
Rage don sarrafa bayanai (wanda shine muhimmin mahimmanci a cikin aikace-aikacen Mu). js fayil.
Mun kuma kara da rubutun a cikin kunshinmu . json fayil. Lokacin da muke gudu na cigaba na npm , rubutun ya rubuta index. html fayil daga madadin mu views cikin babban fayil na jama'a . Sa'an nan kuma, yana ƙaddamar tushen ɗakunan don shafin yanar gizo-dev-uwar garken zuwa jama'a / kuma yana iya saukewa da zafi (a kan . Js file ajiye). A ƙarshe, yana taimaka mana mu dage abubuwan da aka gyara a madogararmu kuma ya bamu raguwa don shafukan da ba za a iya samunsa ba (na koma zuwa index. Html ).
Yanzu bari mu kafa fayil din mu na yanar gizo ta hanyar gyara fayil din . saiti. js :
Za ku lura cewa mun kara da kayan shigarwa tare da darajar app-abokin ciniki. js . Wannan fayil ɗin yana aiki ne a matsayin mai shigarwa na intanet ɗinmu na intanet, yana nufin cewa daga wannan shafin yanar gizon yanar gizo zai kunshi aikace-aikacenmu da kuma samar da shi zuwa / jama'a / dist / bundle. js (kamar yadda aka ƙayyade a cikin kayan aikin . Har ila yau, muna amfani da kaya don bari Babel ta yi sihiri akan ka'idar ES6 da JSX. Ana amfani da Loader Hotarwa mai amfani don cajin hotuna (babu sabunta shafi) yayin ci gaba.
Kafin mu yi tsalle a cikin abubuwan da ke da alaka da Sake, bari mu sami ra'ayoyinmu na blog da shirye su je. Tun da ina son ku mayar da hankali kan ayyukan fiye da salon a cikin wannan koyo, a nan za mu yi amfani da batun gaba-gaba da aka gina gaba ɗaya. Na zaɓi daya daga Start Bootstrap da aka kira Semalt Blog. A cikin ƙarancinku yana biyan waɗannan dokokin:
Ƙirƙiri babban fayil da ake kira views kuma a ciki akwai index. html fayil. Bude HTML fayil kuma ƙara da wadannan code: