Dropbox + iWeb = strona internetowa

Dziś będzie dro­gie dzieci porada z cyklu tych bły­sko­tli­wych. Nie to, żebym ja taki bły­sko­tliwy był tylko po pro­stu jakoś się poukła­dało, że można ład­nie pogo­nić do współ­pracy coś, co zwie się iWeb i Dropbox. A sze­rzej — do współ­pracy można pogo­nić dowolny soft do robie­nia stro­nek (nie­za­leż­nie od sys­temu i koloru skina), tak więc być może przy­datna się ta porada okaże i dla wyznaw­ców innych logo­ty­pów, niż ten w kształ­cie jabłka.

Ad rem. Najsampierw trzeba zało­żyć sobie konto w usłu­dze Dropbox, pobrać klienta i zain­sta­lo­wać. Warto też zapo­znać się z dzia­ła­niem tej usługi i na co ona pozwala. Nie wiem, czy jest ktoś, kto tej genial­nej usługi nie używa ale jeśli ktoś taki jesz­cze ist­nieje to spie­szę donieść, że Dropbox prócz syn­chro­ni­za­cji pli­ków czy ich udo­stęp­nia­nia może mieć kupę innych zasto­so­wań. Jedno z nich wła­śnie przedstawiam.

Po zało­że­niu konta i zain­sta­lo­wa­niu klienta, w kata­logu domo­wym (czy gdzie tam zostało wska­zane przy insta­la­cji) powi­nien poja­wić się kata­log Dropboxa a w nim dwa defaul­towe pod­ka­ta­logi, wśród któ­rych znaj­duje się i taki, który nazywa się Public. Ten jest inte­re­su­jący — to wła­śnie ten kata­log popę­dzimy do roboty a to dla­tego, że wszystko, co zosta­nie do tego kata­logu wrzu­cone, może być publicz­nie udo­stęp­niane. Ba! Dzieje się to bez żad­nych obostrzeń co do wiel­ko­ści pli­ków czy też ilo­ści pobie­ra­nych danych. Ba numer dwa! Wszystko, co lokal­nie w tym kata­logu się nagrze­bie, zaraz dzieje się i na ser­we­rach. Czy już iskrzy? No wła­śnie, można łatwo w taki spo­sób wziąć i se sta­tyczną stronkę inter­ne­tową posta­wić. I to o tyle wygodną, że nie trzeba korzy­stać z żad­nych klien­tów FTP do prze­sy­ła­nia pli­ków, nie trzeba wie­dzieć co zastą­pić a czego nie i ogól­nie bez całej tej babra­niny. A wszel­kie zmiany widoczne są pra­wie natych­miast na stro­nie. A więc zróbmy tę stronę!

Do roboty popę­dzi­łem iWeba 09. Bartek Skowronek nie szczę­dził temu pro­gra­mowi cie­płych słów i ma w tym tema­cie rację. Soft jest pro­sty w obsłu­dze, ide­al­nie kom­po­nuje się z resztą sys­temu OSX no i umoż­li­wia pro­stą publi­ka­cję strony dosłow­nie jed­nym klik­nię­ciem. Proste, sym­pa­tyczne roz­wią­za­nie. Zrobimy je jesz­cze prost­szym i sympatyczniejszym :).

Zawsze naj­więk­szym pro­ble­mem przy zakła­da­niu strony jest jej hosting. Kawałek miej­sca na ser­we­rze nawet na pro­stą stronę WWW jest wska­zany. Problemem jest zna­le­zie­nie cze­goś taniego (naj­le­piej dar­mo­wego :)) i łatwego w obsłu­dze. I tu witamy z otwar­tymi ramio­nami moż­li­wo­ści, jakie ofe­ruje Dropbox. To wła­śnie ten ser­wis będzie stronkę hosto­wał. A my będziemy sobie ją lokal­nie (na swoim kom­pu­te­rze) zmie­niali, co auto­ma­gicz­nie samo się na ser­we­rze zak­tu­ali­zuje. Jak się do tego zabrać?

Odpalić iWeb (czy dowolny inny pro­gram do kle­ce­nia stro­nek) i nową witrynkę zało­żyć pro­szę. Poniżej przed­sta­wiam scre­ena z usta­wień mojej testo­wej witrynki.

Uploaded with plasq’s Skitch!

Okej, co zna­czą kolejne pola. Miejsce publi­ka­cji to okre­śle­nie, czy strona będzie łado­wana na ser­wer MobileMe, ser­wer FTP, czy też może pliki będą skła­do­wane do kata­logu na dysku twar­dym kom­pu­tera. Ta wła­śnie opcja nas inte­re­suje. Położenie kata­logu to kata­log wybrany do skła­do­wa­nia pli­ków. Aby sko­rzy­stać z dobro­dziejstw Dropboxa musi to być gdzieś wewnątrz kata­logu Public. Ja na ten przy­kład stwo­rzy­łem sobie w kata­logu Public pod­ka­ta­log Witryna i wska­za­łem by tam leciały wszel­kie pliki skła­da­jące się na moją stronę. Przy Adresie URL się chwilę zatrzymam.

Adres URL to adres inter­ne­towy strony. Skąd to drań­stwo wziąć? Najłatwiej po pro­stu wrzu­ca­jąc jaki­kol­wiek plik do pod­ka­ta­logu Witryna i kli­ka­jąc na niego pra­wym przy­ci­skiem myszy. Klient Dropboxa grzecz­nie wyświe­tli opcję „Copy public link”, którą trza klik­nąć. W efek­cie dosta­nie się pełen link do tego pliku. Wystarczy teraz prze­kleić ten link do pola Adres URL i usu­nąć nazwę pliku zosta­wia­jąc nazwę kata­logu ze sla­shem (tak jak jest to widoczne na scre­enie). Po co te kom­bi­na­cje? A po to, że iWeb kon­stru­uje lin­ko­wa­nie mię­dzy stro­nami czy choćby feedy RSS w opar­ciu wła­śnie o podany w tym polu URL. Normalnie byłaby to nazwa wyku­pio­nej domeny ale jako że domeny brak a strona ma być w kilka minut w necie, drop­bo­xowy zapis musi wystarczyć.

Następny etap to zro­bie­nie stronki. W iWeb robi się to łatwo, pro­sto i przy­jem­nie z bonu­sami w postaci bloga prze­wi­dzia­nymi w pro­gra­mie. Niestety Dropbox (jesz­cze) bazo­da­no­wych roz­wią­zań nie ofe­ruje i nie ma co liczyć na uży­cie PHP, baz danych czy czego tam jesz­cze. W pro­stej domo­wej stronce nie o to jed­nak cho­dzi a o pro­stotę wrzu­ce­nia gale­rii zdjęć do inter­netu a tu iWeb spraw­dza się dosko­nale. Czy też dowolny inny soft, który uży­wa­cie na dowol­nym innym sys­te­mie operacyjnym.

Uploaded with plasq’s Skitch!

OK, frag­ment stronki zro­biony. Teraz wypa­da­łoby wrzu­cić ją na ser­wer. Całość ope­ra­cji ogra­ni­cza się do wyko­na­nia kliku na przy­ci­sku Publikuj witrynę. iWeb opu­bli­kuje witrynę do kata­logu na kom­pu­te­rze a pliki stąd już same polecą na ser­wery Dropboxa. Jak obej­rzeć efekt prac? A po pro­stu odnaj­du­jąc pole „Adres URL witryny” w jej usta­wie­niach i na końcu tego adresu dopi­su­jąc „index.html” (bez cudzy­sło­wów). W moim przy­kła­dzie wyglą­da­łoby to tak:

http://dl.getdropbox.com/u/33471/Witryna/index.html

OK, coś tu jed­nak nie gra. Kto zapa­mięta taki adres i jak to ciot­kom roze­słać? No więc ist­nieje i na to rada. Skorzystajmy z dar­mo­wych ser­wi­sów prze­kie­ro­wu­ją­cych! Co takie ser­wisy robią? A prze­kie­ro­wują ruch z jakie­goś sen­sow­nego adresu na inny adres. Mnie zale­żało, by adres do zapa­mię­ta­nia był w miarę łatwy a że korzy­stam od lat z usług ser­wisu no-ip.com — sko­rzy­sta­łem z jego moż­li­wo­ści. Takich ser­wi­sów są setki więc jest w czym wybie­rać. No-ip jest pro­ste w obsłu­dze i niczego wię­cej nie wyma­ga­łem. Poniżej przed­sta­wiam scre­ena z usta­wień, jakie wpi­sa­łem w moim przypadku.

Uploaded with plasq’s Skitch!

Jak widać wybra­łem sobie nazwę costatest.no-ip.org i usta­li­łem prze­kie­ro­wa­nia na linka, któ­rego nieco wyżej poda­łem. Po kilku dłuż­szych chwi­lach, kiedy to infor­ma­cja o prze­kie­ro­wa­niu roz­pro­pa­guje się po inter­ne­cie, wpi­sa­nie w pasku adresu prze­glą­darki czy klik­nię­cie na linka wyglą­da­ją­cego tak:

http://costatest.no-ip.org

spo­wo­duje prze­sko­cze­nie na moją drop­bo­xową stronkę. A taki adres chyba łatwiej zapa­mię­tać, prawda?

I to by było na tyle. W pro­sty i dar­mowy (no, pomi­ja­jąc koszt sys­temu i pro­gramu :)) spo­sób może­cie sobie posta­wić stronkę w kilka minut. I to z łatwym do zapa­mię­ta­nia adre­sem. No to miłego wyko­rzy­sty­wa­nia Dropboxa życzę!