Come creare un gadget per iGoogle?

July 15

I gadget sono applicazioni scritte in semplice HTML e JavaScript con l'aiuto di built-in JavaScript librerie disponibili in gadget API, che è stato creato da Google. Gadget per iGoogle scritte devono essere accessibili al pubblico e possono essere ospitati su qualsiasi host web affidabile. Nella loro intima essenza, gadget iGoogle sono file XML che hanno bisogno di essere all'interno di un contenitore di OpenSocial, come la sandbox di iGoogle. gadget iGoogle sono composti da più parti che sono utilizzate per formare un'esperienza utente strutturata.

istruzione

1 Log in iGoogle e creare un account. Questo vi dà l'accesso alla sandbox iGoogle, che è l'ambiente in cui si metterà alla prova eseguire l'applicazione prima del lancio. Sotto il link "Personalizza questa pagina", selezionare "Aggiungi feed o gadget" collegamento e immettere l'URL accessibile al pubblico dove potrete inserire il gadget. Clicca su "Aggiungi".

2 Creare un file semplice "Helloword.xml" utilizzando il blocco note. Il codice illustra come deve apparire il file:

<? Xml version = "1.0" encoding = "UTF-8"?>
<Module>
<ModulePrefs title = "Ciao Mondo!">
<Richiede feature = "OpenSocial-0.8" />
</ ModulePrefs>
<Content type = "html">
<! [CDATA [

Hello, world! My First iGoogle Gadget is working!!

]>
</ Contenuti>
</ Module>

3 Scegliere il tipo di contenuto del gadget. Il tipo di contenuto appare nel codice come illustrato di seguito:

<Content type = "html">

Tipo di contenuto determina Application Programming Interface (API) che sono a vostra disposizione durante lo sviluppo, il rendering del gadget così come dove il gadget può essere implementato. I tipi di contenuto possono essere sia "html" o "URL".

4 Utilizzare le API di Google per aggiungere funzionalità al gadget. Ad esempio, utilizzare l'API di geocoding di Google Maps per specificare posizioni geografiche.

5 Includi tutte le chiamate JavaScript per piccoli gadget nello stesso file XML per semplificare il processo di codifica. Si tratta di mettere tutto il codice JavaScript, dati XML e HTML in un file piuttosto che il codice JavaScript risiedere in un file esterno da cui si può fare riferimento. Separare il codice che utilizzano i tag di codifica appropriate.

6 Salvare il file con tutto il codice come file HTML aggiungendo il "<html>" e "</ html>" tag all'inizio e alla fine del codice, rispettivamente. Salvare il file con l'estensione ".html". Caricarlo sul URL pubblicamente accessibile citato cliccando su "creare un nuovo progetto" in Project Hosting su Google Code (vedi Risorse).

7 Ricarica la tua pagina di iGoogle facendo clic sul pulsante "Aggiorna" del browser o premendo il tasto "F5". Il messaggio qui sotto dovrebbe visualizzare per confermare il vostro gadget sta lavorando e accessibile:

"Ciao, mondo! Il mio primo iGoogle gadget funziona !!"

Consigli e avvertenze

  • Gadget sviluppate utilizzando i tipi di contenuto "HTML" hanno tutti il ​​loro codice, che include il codice HTML, JavaScript e altro browser oggetti che risiedono nel gadget stesso. HTML è il tipo predefinito. Il "URL" tipo di contenuto vive su una posizione remota e vi si accede tramite un URL. Ciò significa che un gadget con il tipo di contenuto "URL" non può contenere JavaScript e HTML markup all'interno del gadget stesso.
  • Google documenta le diverse estensioni gadget che gli sviluppatori possono utilizzare per aggiungere funzionalità. Utilizzare queste risorse per modificare il comportamento dei vostri gadget così come aggiungere interattività quando necessario.