Jak wykonać aktualizację na żywo podobną do Google Docs?

Sprawdź google mobwrite . Jest to biblioteka drop-in, która umożliwia wspólną edycję formularzy html poprzez transformację operacyjną.

Odbieranie zdarzeń z serwera jest łatwą częścią, istnieje wiele sposobów, aby to zrobić . Zapewnienie, że państwo jest spójne wśród wszystkich klientów, to jest najtrudniejsza część. W tym momencie pojawia się algorytm transformacji operacyjnej.

Podejście Ajax jest jednym ze sposobów. Możesz zaimplementować go jak aplikacje czatu. Rzeczywisty sposób będzie zależał od wyświetlanych danych. W skrócie

1. Utwórz sesję. Może pomieścić użytkowników udostępniających doc (np. plik excel)
2. Gdy użytkownik a dokona zmiany (np. zaktualizuj komórkę A5), użyj Ajax, aby wysłać zmiany do serwera. Zmiana może być zapisana z datą przybycia lub pewną wartością indeksu.
3. wywołanie Ajax w tle jest wywoływane przez stronę od czasu do czasu. Jako część z żądania przechodzi również ostatnia data dostępu.
4. po otrzymaniu żądania, po prostu podajesz wszystkie zmiany dokonane od ostatniego razu lub indeksu. Możesz dołączyć nową datę lub wartość indeksu jako część odpowiedzi, aby można ją było użyć do następnego żądania.
5. Gdy jesteś pewien, że górne elementy X nie będą dostępne, możesz je usunąć

To, czy będzie to wydajnościowe, czy nie, zależy w dużej mierze od tego, jak skonstruować wszystko.

Drugą opcją są gniazda sieciowe. Nie używałem go osobiście, ale jeśli masz kontrolę nad przeglądarką, której będą używać Twoi użytkownicy, możesz dać jej szansę. Pozwala serwerowi na przesyłanie danych do przeglądarki. Kilka Linków: Web Sockets JS i Gniazda Sieciowe w Firefoksie

Inna alternatywa to :

Orbit zapewnia czystą Gniazdo JavaScript / HTML w przeglądarce. Jest to router internetowy i firewall, który pozwala na integrację z Internetem aplikacje z dowolnym back-endem systemy. Możesz zaimplementować dowolną sieć protokół w przeglądarce-bez uciekanie się do wtyczek.

Orbited jest demonem HTTP, który jest zoptymalizowany pod kątem długotrwałej komety znajomości. Przeznaczony jest do łatwa integracja z nowymi i istniejących aplikacji. Orbit pozwala piszesz www w czasie rzeczywistym aplikacji, takich jak czat lub klient komunikatora, bez korzystanie z zewnętrznych wtyczek, takich jak Flash lub Java.

Jeśli Twoi użytkownicy używają tylko nowoczesnych przeglądarek, to wypróbowałbym standard websocket z HTML 5. Coraz więcej przeglądarek będzie ją obsługiwać w przyszłości, a firmy takie jak Google i Apple pracują nad tym. Tutaj pierwsze kroki tutorial: http://net.tutsplus.com/tutorials/javascript-ajax/start-using-html5-websockets-today/

Jeśli nie chcesz używać gniazd sieciowych, ponieważ nie są one szeroko obsługiwane, będziesz chciał sprawdzić Comet. Tak pewnie robi to Google Docs.

EtherPad został udostępniony na zasadzie open source, jeśli szukasz edytora rich text editor do współpracy w czasie rzeczywistym.

Jednym ze sposobów na ograniczenie # żądań Ajaksu jest sprytne ich rozdzielenie. Nie musisz składać prośby co sekundę. Gdy otrzymasz odpowiedź z aktywnością, wykonaj kolejne żądanie w ciągu 1 sekundy. Jeśli nie ma aktywności, to 2 sekundy, następnie 4 itd., z maksymalnie może 30 sekund pomiędzy żądaniami. Gdy pojawią się aktualizacje, zresetuj timer. Zasadniczo, Rozmieść swoje żądania w inteligentny sposób, aby GUI wyglądał jak najbardziej responsywnie.

Zalecam użycie struktury Kometowej, takiej jak Atmosphere. Automatycznie wybierze mechanizm transportu dla Twoich wiadomości, który może być websockets, jeśli masz szczęście (ale ponieważ jest to abstrakcyjne, nie musisz się martwić). W każdym razie jest to świetna wartość, jeśli nie masz do czynienia z indywidualnymi prośbami / odpowiedziami i wszystkimi źródłami błędów i błędami przeglądarki, które napotkasz. Byłem tam. Są smoki. :-)

Zobacz też pubsubhubbub - http://code.google.com/p/pubsubhubbub/ Obejrzyj film i obejrzyj krótkie wprowadzenie.

Możesz też rzucić okiem na ShareJSA Operational Transform libary oraz Derby który jest frameworkiem zbudowanym na sharejs. Oboje mają węzeł.js backends-sharejs został napisany przez inżyniera Google Wave.