Mozilla pro vývojáře. David Majda LinuxExpo 2005, Praha

Rozměr: px

Začít zobrazení ze stránky:

Download "Mozilla pro vývojáře. David Majda (majda@czilla.cz) 14.4.2005 LinuxExpo 2005, Praha"

Patrik Esterka
před 8 lety
Počet zobrazení:

1 Mozilla pro vývojáře David Majda LinuxExpo 2005, Praha

2 Cíle této přednášky 1. Vnitřní architektura Mozilly 2. Vývoj aplikací v Mozille XUL tvorba rozšíření 3. Je Mozilla to pravé pro vaši aplikaci? malý test na závěr David Majda: Mozilla pro vývojáře 2

3 Co je vlastně Mozilla? 1998 Netscape uvolňuje svůj prohlížeč jako open source (Mozilla.org) použitá licence MPL umožňuje začlenění i do komerčních aplikací rozhodnutí prohlížeč z větší části přepsat, vznik Mozilla Suite vzniká rozsáhlá aplikační platforma renderovací engine Gecko 2003 vznik Mozilla Foundation podzim 2004 Firefox/Thunderbird 1.0 David Majda: Mozilla pro vývojáře 3

větší části přepsat, vznik Mozilla Suite vzniká rozsáhlá aplikační platforma renderovací engine

4 Architektura Mozilly XML JS aplikace GUI C++ aplikace komponenty C++ zpracování HTML, CSS, XML, XUL, XBL, RDF pomocné knihovny (images, DB, ) XPCOM C NSPR XPConnect JavaScript engine David Majda: Mozilla pro vývojáře 4

5 NSPR (Netscape Portable Runtime) low-level knihovna napsaná v C abstrakce nad jednotlivými OS (běží ve Win32, Mac OS, 20+ unixů) převzata ještě ze starého Netscape Navigatoru, kde byla původně kvůli Javě zkompilovatelná samostatně, lze použít mimo Mozillu David Majda: Mozilla pro vývojáře 5

převzata ještě ze starého Netscape Navigatoru, kde byla původně kvůli

6 NSPR co všechno umí? portabilní datové typy a makra (např. 64bitovost) vlákna, synchronizace I/O nad soubory základní síťové funkce datum a čas správa paměti načítání dynamicky linkovaných knihoven (DLL/.so) David Majda: Mozilla pro vývojáře 6

síťové funkce datum a čas správa paměti načítání dynamicky

7 JavaScript Engine interpret JavaScriptu 1.5 (nadmnožina standardu ECMA 262 Edition 3 - ECMAScript) napsal z větší části Brendan Eich, autor JavaScriptu napsaný v C, vysoce optimalizovaný nezávislý na ostatním kódu, lze zkompilovat samostatně (použití pro embedding skriptovací jazyk pro aplikace) připravuje se podpora E4X David Majda: Mozilla pro vývojáře 7

Eich, autor JavaScriptu napsaný v C, vysoce optimalizovaný nezávislý na ostatním kódu,

8 XPCOM Cross Platform Component Object Model obdoba Microsoft COM/DCOM nebo CORBA, ale in-process tvorba komponent, modularizace popis rozhraní komponenty v XPIDL (dialekt IDL) implementace typicky v C++ (generované hlavičky a šablony kódu), možno i v JavaScriptu (XPConnect) David Majda: Mozilla pro vývojáře 8

komponenty v XPIDL (dialekt IDL) implementace typicky v C++ (generované

9 XPCOM vznik komponenty MyComponent.idl xpidl MyComponent.h (+ impl. stub) MyComponent.xpt cc MyComponent.so MyComponent.dll MyComponent.cpp Součást výsledné aplikace David Majda: Mozilla pro vývojáře 9

10 XPConnect umožňuje nezávislost XPCOM na jazyku typicky: objekt implementován v C++, volán z JavaScriptu (takto vystavěn celý DOM) ošetřuje volací konvence, typy parametrů, řeší object lifecycle (XPCOM reference counting, JS garbage collector) David Majda: Mozilla pro vývojáře 10

ošetřuje volací konvence, typy parametrů, řeší object lifecycle

11 Gecko nejvyspělejší renderovací engine na světě: HTML 4.01, XHTML 1.0, XML 1.0, XUL CSS 1, 2, 3 DOM 1, 2 RDF PNG, GIF a JPEG další součásti Gecko Runtime Environmentu: NSPR JavaScript 1.5 (kompatibilní s ECMA-262 Edition 3) XPCOM core Unicode, podpora L10N/I18N Necko (HTTP 1.1, FTP, IMAP, ) a další David Majda: Mozilla pro vývojáře 11

12 XUL (čti zůl) o co jde? XML User interface Language Problém: Mozilla multiplatformní, ale GUI na každé platformě úplně jiné nutno psát obdobný kód vícekrát Řešení: GUI zapsat deklarativně v XML využít DOM a JS k oživení a CSS k úpravě vzhledu vše se píše jen jednou vícekrát je jen zobrazovací kód vše funguje jako ve webových stránkách steep learning curve David Majda: Mozilla pro vývojáře 12

jiné nutno psát obdobný kód vícekrát Řešení: GUI zapsat deklarativně v XML využít DOM a JS k

13 XUL - ukázka demo.xul <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="demo-window" title="xul Demo" xmlns=" gatekeeper/there.is.only.xul"> <script type="application/x-javascript" src="demo.js" /> <vbox> <textbox id="text" value="zadejte text" /> <button label="vymazat" oncommand="deltext();" /> </vbox> </window> demo.js function deltext() { document.getelementbyid("text").value = ""; } David Majda: Mozilla pro vývojáře 13

xul"> <script type="application/x-javascript" src="demo.

14 XUL widgety (1/3) <button> <checkbox> <radiogroup> <radio> <textbox> David Majda: Mozilla pro vývojáře 14

15 XUL widgety (2/3) <listbox> <listitem> <tree> <treecols> <treecol> <treechildren> <treeitem> David Majda: Mozilla pro vývojáře 15

16 XUL widgety (3/3) <menubar> <menu> <menupopup> <menuitem> <menuseparator> <toolbox> <toolbar> <toolbarbutton> <tabbbox> <tabs> <tab> David Majda: Mozilla pro vývojáře 16

17 Tvorba aplikací rozšíření nejčastější způsob psaní aplikací nad Mozillou drobné odlišnosti mezi Mozilla Suite a Firefoxem/Thunderbirdem v našich ukázkách se zaměříme na Firefox a Thunderbird samostatná aplikace postavená nad GRE netriviální věc nutný build environment Mozilly úpravy na úrovni C/C++ David Majda: Mozilla pro vývojáře 17

zaměříme na Firefox a Thunderbird samostatná aplikace postavená nad GRE netriviální

18 Co to je rozšíření, instalace XPI soubor (obyčejný ZIP) install.rdf content, skin, locale Extension Manager (Správce rozšíření) instalovat lze jen z povolených domén David Majda: Mozilla pro vývojáře 18

19 Integrace rozšíření do aplikace Konvenční řešení: aplikace poskytne API omezené možnosti, autoři aplikace musí předvídat, do čeho bude chtít rozšíření zasahovat Řešení Mozilly: aplikace je také v XUL stačí definovat propojovací body, tj. určit, kam do aplikace přivěsit XML podstrom rozšíření téměř neomezené možnosti úprav <?xml version="1.0"?> <overlay xmlns=" "> <menupopup id="menu_toolspopup"> <menuitem label="boogie" accesskey="b" position="3" oncommand="openboogie();" /> </menupopup> </overlay> David Majda: Mozilla pro vývojáře 19

určit, kam do aplikace přivěsit XML podstrom rozšíření téměř neomezené možnosti úprav <?xml version="1.0"?

20 Test: Je Mozilla vhodná pro vaši aplikaci? (1/3) Potřebujete multiplatformnost? +1 bod Potřebujete pracovat s HTML či XML? +1 bod Potřebujete pracovat se sítí? +1 bod Potřebujete lokalizovatelnost? +1 bod Chcete rychle vyvíjet a očekáváte časté změny v zadání? +1 bod David Majda: Mozilla pro vývojáře 20

21 Test: Je Mozilla vhodná pro vaši aplikaci? (2/3) Aplikace je velmi velká? (-1 bod) začne vadit JavaScript Potřebujete náročnou grafiku? (-1 bod) Potřebujete hrubý výkon či nativní GUI? (-1 bod) C/C++ a knihovny na GUI (MFC, QT, wxwindows) Potřebujete přístup z kteréhokoliv počítače na světě? (-1 bod) lepší je webová aplikace v HTML David Majda: Mozilla pro vývojáře 21

22 Test: Je Mozilla vhodná pro vaši aplikaci? (3/3) počet bodů 3 zkuste popřemýšlet nad řešením založeným na Mozille počet bodů < 3 je potřeba zvolit jiné řešení C, C++, Java, C#, Delphi, HTML/PHP David Majda: Mozilla pro vývojáře 22

23 Materiály Tato prezentace ke stažení na Další materiály průvodce a reference XUL oficiální vývojářská dokumentace wiki.mozilla.org dokumentace, odkazy, plány do budoucna David Majda: Mozilla pro vývojáře 23

24 Děkuji za pozornost Dotazy?

Podobné dokumenty

Rozhraní pro tvorbu doplňků v moderních prohlížečích. Martin Straka martin.straka@nic.cz 13. 11. 2015

Rozhraní pro tvorbu doplňků v moderních prohlížečích Martin Straka martin.straka@nic.cz 13. 11. 2015 Obsah Základní pojmy Rozhraní zásuvných modulů Techniky a API pro tvorbu doplňků a rozšíření DNSSEC/TLSA