Erstellen Sie Ihr eigenes Google Gadget
Dieses Tutorial führt Sie, wie Sie Ihr eigenes Google Gadget für die iGoogle-Seite zu machen. Wenn Sie noch nicht gesehen zu iGoogle Gadget auf Google können Sie es online bei iGoogle-Seite .
Software-Anforderungen
- JavaScript
- Google API (Verwendung von JavaScript-Funktionen von Google)
- HTML
Was sind Google Gadgets?
Google Gadgets sind im Grunde Webanwendung gehostet werden auf Google-Servern. Diese Web-Anwendungen können beliebig kleines Web-Utilities bis hin zu komplexen Web-Anwendung auf Remote-Daten vom Server holen und zeigen, führen werden.
Wie iGoogle Entwickeln Sie Ihre eigenen Google Gadget für:
- Statische HTML
Statische HTML bezieht sich auf das Anzeigen von HTML-Inhalten, die Standard-JavaScript-Funktion verwendet, um Daten anzuzeigen.
Beispiel: Anzeigen Aktuelles Datum und Uhrzeit - Remote-Verbindung
Remote-Verbindung bietet die Flexibilität, um Daten von entfernten Servern zu holen und zeigen, dass Inhalte auf der Google-Gadget. Diese benutzt Google APIs. Für weitere Informationen über das Abrufen Remote-Inhalts-Check diesem Link Remote Data Call . Diese Fernbedienung Datenanruf Funktionalität ist vergleichbar mit dem Ajax-Aufruf, dass wir in JavaScript.
Hinweis:
Sie können auch zeigen, Remote-Daten in die Gadgets, wo Sie die Remote-URL in der Gadget-Code angeben. Für weitere Informationen über die Remote-URL zu besuchen Remote Content Type . Ich habe nicht die Remote-URL-Umsetzung in diesem Artikel beschrieben.
Sie können schreiben, den Code für Google Gadget in einem beliebigen Texteditor und speichern Sie auf Google. Aber es ist bevorzugt) verwenden Google Gadget Editor (GGE, die ist ein Online-Editor zur Verfügung gestellt von Google und erlaubt Ihnen auch, den Server zu speichern Google Gadget auf der Google-Code. Für weitere Informationen über Google Gadget Editor finden Sie in Google Gadget Editor . Immer wenn du einen Code innerhalb der Google Gadget Editor ein vorübergehender XML-Datei speichern angelegt wird.
Beispiel:
http://hosting.gmodules.com/ig/gadgets/file/115444757/gadgetexample.xml
Wo der Dateiname ist der Name Gadget.
Sample Code Google Gadget
= "UTF-8" ?> <module > <moduleprefs title = "hello world example" /> <content type = "html" > < ! [ CDATA [ Hello, world! ] ] > </content > </module > <? Xml version = "1.0" encoding = "UTF-8"?> <module> <moduleprefs Title = "hello Welt example" /> <content type = "html"> <! [CDATA [Hallo, Welt!]] > </ content> </ module>
Bezogen auf die obigen xml, wird der Code (JavaScript, HTML) des Gadgets auch innerhalb des CDATA-Abschnitts werden. Content type = "html" bezieht sich auf Anzeigen nur HTML-Inhalte (statische oder Abrufen von Inhalten aus Remote-Server). Für Remote-URL wird zum Inhalt type = angeben, "url".
Wenn Sie das Gadget Titel Namen zu geben, die Beschreibung können vorsehen, dass im ModulePrefs tag. Dieser Tag gilt auch die Daten auf dem Widget Breite und Höhe und andere optionale Parameter.
Schließlich zur Veröffentlichung den Code für die Google-Gadget, müssen Sie den Pfad Ihres temporären XML-Datei in diesem URL eingeben: = http://www.google.com/ig/adde?moduleurl (temporäre XML-Datei-Pfad)
Bitte sagen Sie mir, wie API zu erstellen?
Ich habe mehr über die API, aber nichts zu lesen war für mich geklärt, so definieren Sie bitte mich bei APT.
Was ist API und wie wird sie arbeiten und wie können wir es erzeugen?