Die ontwikkeling van uitbreidings vir Google Chrome - Kommunikasie tussen frontend en backend
Die ontwikkeling van uitbreidings vir Google Chrome 08: Kommunikasie tussen frontend en backend
Wel nou, as ons is almal deel van die 'agterkant' al klaar en gepoleerde. Aan die ander kant het ons voor die deel van die Pop-up voltooi. Ons het die 'voorkant' om te kommunikeer met die 'agterkant', so in hierdie video ons sal sien hoe kommunikasie is gestig tussen die twee ontwikkelings, het ons te doen deur die loop Vooruit!
Goed, ons voortgaan ... Kom ons doen die 'getVideos.js' script Voucher? Hoe jy onthou, 'n geruime tyd in die Pop-up voeg ons hierdie script: 'getVideos.js' Dit gaan hardloop na die pop-up en dan oop ... Ons vang 'getVideos.js' Goed? Hier en ek geskryf het en basies sal ek doen. Ek ek sal goed verduidelik; wat dit doen is dit, maak ons ​​'n Videoloader funksie,
ons het om te slaag ... die veranderlike 'naam' en die veranderlike 'url' en tik die lêer 'n 'iframe 'met die' skakel 'klas en die' bron 'is die veranderlike' url ' Eh ... 'frame border' 0, jy sit 0, want anders het ek dink verlaat kante EHM .. en 'allowfullscreen' te .. Wel, wat .. Die waarheid is, hoe die 'iframe' Ek kan nie onthou hoe om te skryf, het ek op die internet en ek het goed afgeloop. Ek dink, goed .. om die volle screen in staat te stel
Ek weet nie, goed ... 'agtergrond', goed ... 'bg' maar ons sal gebruik as 'agtergrond', basies dit is die voorwerp, moet jy ... die hierdie script, been, is script wat gehardloop ... oops, dit is wat ons doen is om as 't ware verwysings na hierdie script, want onthou dat dit nou al die terwyl hy loop, dan is die 'agtergrond url'. Ons vang 'bg' wat is die doel van die 'agtergrond' en sit die embedLink veranderlike.
As jy onthou ... daar okay? Hy het nie gehou wat hy geskryf het, niks gebeur wat gereël op 'n slag; Hoekom sit dit hier ... wel, nou skryf ek weer, maar vir nou .. mmm ... wel in elk geval, ek sal voortduur, as jy onthou; hierdie veranderlike is die, been, hy ontleding van die web , Been, maak dit die 'indeks' en alles wat, ons het om te weet wat die skakel om dit in die 'iframe' sit en dan die video
Is 'n nuwe 'Videoloader' Ons gebruik dit asof dit 'n klas en slaag die 'agtergrond' videoname, wat ook 'n veranderlike wat gestoor word in die agtergrond, het vir my oopgegaan nie wil die Sony Vegas, en slaag die agtergrond url ons hier gered. Voucher? Voucher? Dan is dit sal loop en sal maak document.write en wil om te skryf. Dan jQuery funksie, 'n tuple reg? 'N anonieme funksie.
Eh .. wanneer ons op die skakel, jy sien, as jy onthou, is die klas 'skakel' en ons het die 'iframe' wanneer ons op, eh .. weet nie sit as jy gesien het hoe dit is presies een 'iframe' YouTube, maar wanneer jy kliek dit die video speel, maar ons wil nie dat ons die video, want dit speel Dit sou baie ontsteld wees omdat wanneer jy verloor die video en wat ons wil hê, is om 'n venster oop te maak, kan ons vrylik te sien.
So ons het 'n 'preventDefault' nie om die klik op die voorwerp uit te voer en dan 'n 'window.open' die agtergrond url, as jy onthou dat ons hier in Pop-up af gered en gee hierdie dimensies, en dan die settings.Img in die Pop-up.html lêer, As jy onthou hierdie klein knoppie hier in hierdie animasie en wat ons doen is, goed eh wat die preventDefault kopieer voordat hierdie
en maak 'n 'window.open' ook van 'n lêer wat ons nou doen, wat sal wees later sal 'n settings.html wees om ' wat sal wees om 'watter kanaal jy die uitbreiding, wat hierdie kontrole kanaal video's wil en vertel ons wanneer hulle nuwe video en al kry wil. Pop-up en dan maak ons ​​witdh 800 en 500 okay? Ja? Alles goed? Ek gaan tot die kopiëring, goeie en hierdie hier, maar reg onthou was om 'n kennisgewing uit te voer
wat dan waarskuwings wat jy wanneer jy nuwe video, maar vir nou is dit net 'n punt dat ons nie sal gebruik OK? Ons doen dit, dit is, het ons nie nou nodig het en ons dit reeds. So nou, laat ons sien ... Goed, ons eerste fout, Dit is hoe die grap wat jy mal gaan as jy stel die eerste, maar nee, nooit gebeur. Mmm .. Ek dink 'n uitbreiding, ongedefinieerde ... kan wees ...
Daar is! Natuurlik, hoe ons nie voor die agtergrond gelê het, sien, sien ... programmering, maar die veranderlike bestaan ​​nie dan, gelukkig het ek alles klaar is, Alhoewel dit blyk dat per ongeluk verwyder dit verkeerd en jy sien dat dit waarskuwing wanneer nuwe video wat ek beland nie goed doen, maar ... in die eerste video self wat goed gedoen, maar ek dink onbedoeld verander die kode en wat ek verkeerd gedoen het, verwyder ek iets
maar hey, nou sal ek hier doen ... eh, okay? Kom ons kopieer al hierdie dinge en ons sal ons agtergrond veranderlikes wat reg bestaan ​​het? Want anders sal ons 'n probleem .. pa, pa, PAM het, sien ... dit is wat gebeur ... Kom ons laai weer. Voucher? Moeder! Wat is die video? Voucher? Dit is dan .. nou jy sal vir my sê, maar net goed as jou kanaal nog nie die instellings gemaak; Sien, bestaan ​​nie, maar ...
uh ... Ek dink, ek dink ... Ek wou nie waag my terug .. maar ons sien of rostrum kliek hier kan jy die pop-up inspekteer en jy kan toegang tot byvoorbeeld die agtergrond voorwerp, wat is hierdie veranderlike wat ons hier het .. Goed? Nou byvoorbeeld, kon ek dit doen, okay? As ons kyk na die agtergrond, is 'localStorage.youtubechannel' So as ons dit doen ... mmm, u ... eh ..
Ek weet nie of ons net sal toegang maar om te sien, kom ons probeer, sal esperate hierdie kopieer en ek sal sluit vir nou, okay? Byvoorbeeld, om te verseker dat dit werk, maar nou sal ons die settings.html doen, sien ... Voucher? Hier het ons al hierdie videos, reg? Wel, ons kan doen .. PAM .. YouTubeChannel en probeer om dit te doen, sien ... Wat jy sê? Daar is duidelik! Moet wees
'n string natuurlik wepa ... fok, om te sien wat gebeur nou? Dit het ek per ongeluk okay is? LocarStorage en nou, as ons hierdie, hmm, mmm, okay loop? Ek dink dat elke aansoek het sy eie localStorage So, om te sien. Ek dink dat ons sal moet wag tot die instellings te maak om die video te verander, maar ek wou om te sien op die oomblik
Voucher? Jy sien, nou. Eh verander en ons het jotajoravm kanaal, sodat jy dit kan probeer om met 'n kanaal, is dit seker werk ... okay? Hoe sê ek weer, as jy nog altyd dieselfde wees; Dit is baie handig omdat die gebruik van hierdie tegniek kan jy enigiets, been, 'n webwerf ontleed Dink dit is nogal kwesbaar in hierdie verband, dat enige inligting kan jy, as jy weet hoe om dit te doen en die beste manier wat ek kan dink vir my is dat
Dié van die twee indekse: Die begin van wat jy wil hê om te vang en einde en in die middel is tussen jou inligting, sien? Dit is ook 'n klas, weet nie wat, weet nie hoe Dit is altyd dieselfde, en dan as jy wil almal, sowel, wat sou reeds 'n bietjie meer wees ... 'n baie meer werk sou veral die probleem van laai meer nie, want as ons nie sien nie gelaai, been is dit gelaai en versteekte dit teen die tyd dat kliek
Dit maak dit so te stel, sal seker maak 'n XML http versoek asynchrone en laai, dan sien al die video's van die kanaal, Wel, dit sou meer ingewikkeld wees maar die laaste video is super maklik om te sien, is dit net makliker om te vind.