WEBEXPO, PRAHA 24. ZÁŘÍ 2011

Transkript

1 WEBEXPO, PRAHA 24. ZÁŘÍ 2011 BARTON STUDIO s.r.o. BARTON ADVERTISING Pavel Campr

2 Obsah přednášky: 30 min 1 Éra nových PHP frameworků 2 Symfony2 úvod 3 Symfony2 výběr z toho nejlepšího

3 Co dnes máme mnoho frameworků (nejen PHP) roste jejich využití, více zkušeností *

4 Jak vzniklo to, co dnes máme? Ne vždy se vědělo, čeho by měl XY framework přesně dosáhnout. Až po dokončení se zjistilo, co se povedlo a co ne. Není cesta zpět. Musí se dodržet zpětná kompatibilita. Není cesta kupředu. Při zachovávání zpětné kompatibility nelze v určité chvíli pokračovat dál. Magie = problém v reálném světě Něco se stane, nevíme proč, nebo jak get() set() call() Nejasné API Nedostatečná dokumentace Globální konstanty define('debug', true); SCOP vsoop Static Class Oriented Programming Object Oriented Programming XY::getLogger()->error( ); $this->get( logger )->error( );

5 Éra nových PHP frameworků Nové koncepty, zahození starých špatných, ponechání starých dobrých (MVC) Feedback od komunity vývojářů Standardy + do not reinveltthewheel PHP 5.3 a několik let tu bude s námi Namespaces, Anotace Zrušení magie explicitní metody a proměnné, čistý kód // na úkor funkcionality (?) Malé jádro, využití existujících komponent Dependencyinjection // singleton ne (?) Nástroje Git

6 symfony říjen revize (SVN) prosinec 2008 verze současná stable verze LTS (long term support) do listopadu 2012 PHP ověřené, komunita + známé best practices + plugins - provázané a závislé komponenty bez šablonovacího systému vs Symfony2 leden revize (Git) 28. červenec verze 2.0 současná stable verze LTS až od Symfony 2.1 PHP komunita - neznámé best practices + bundles + nezávislé komponenty + šablonovací systém Twig + dokumentace -končí LTS + zrychlení, cache, ESI + standardy

7 Symfony2: BuildyourApp, not yourtools! 250 vývojářů (v den vydání 2.0), 18 měsíců vývoje github.com: 3021 watchers(#1 in PHP, #25 overall), 773 forks(#1 in PHP, #13 overall) Standardy: HTTP specifikace // RFC2616 PHPUnit Namespaces YAML, XML PSR-0 autoloading výběr komponent (HttpFoundation, Routing, ClassLoader, ) + externí knihovny (Swiftmailer, Twig, ) + externí bundles (DoctrineBundle, MonologBundle, ) + lepidlo + konfigurace = full-stack framework

8 Instalace Symfony Standard distribuce obsahuje plně funkční kostru web aplikace požadavky: 5.3.2, SQLite3, APC

9 /deps [symfony] git= version=v2.0.1 [twig] git= version=v1.1.2 [monolog] git= version=1.0.1 [doctrine-common] git= version=2.1.1 [SensioFrameworkExtraBundle] git= target=/bundles/sensio/bundle/frameworkextrabundle [JMSSecurityExtraBundle] git= target=/bundles/jms/securityextrabundle

10 Bundle Bundle je adresář. Obsahuje vše potřebné pro implementaci jedné funkcionality. (logování, zabezpečení, profilování, blog, katalog produktů, admin generátor, ) Konfigurace (routing, předvolby) PHP soubory Šablony Obrázky, CSS, JS, Překlady Testy Vše je Bundle. Včetně jádra Symfony2. / github.com FOSUserBundle, SonataAdmin, FOSRest, FOSRest, FOSFacebook, SensioGenerator, SonataMedia, AvalancheImagine, WhiteOctoberAdmin, FOSComment, KnpPaginator, JMSDebugging, WebProfilerExtra, AdmingeneratorGenerator, Forum, JMSSecurityExtra, FOSTwitter, FOQElastica, Propel, Google, Assetic, SncRedis, JMSI18nRouting, Xhprof, DoctrineMigrations, Facebook, WebService, Twitter, Calendar, Doctrator, DataGrid, FirePHP, Guestbook, Imagine, DoctrineCouchDB, EWZRecaptcha, Tinymce, ZendNavigation, Tree,

11 Tvoříme aplikaci. Konvertujeme Requestdo Response. GET / HTTP/1.1 Host: webexpo.cz Accept: text/html User-Agent: PowerPoint/1.0 <?php $foo = $_GET['foo']; header('content-type: text/html'); header('expires: Sat, 24 Sep :59:00 GMT'); echo '"foo" is: '.$foo; HTTP/ OK Date: Sat, 24 Sep :10:28 GMT Server: Apache/ Content-Type: text/html Expires: Sat, 24 Sep :59:00 GMT "foo" is: symfony2

12 přidáme trochu Symfony2 <?php require( ); $request = Request::createFromGlobals(); $path = $request->getpathinfo(); // the URL being requested if (in_array($path, array('', '/')) { $params = $request->getparameters(); $response = new Response('"foo" is:'.$params['foo']); } else { $response = new Response('Page not found.', 404); } $response->send();

13 * symfony.com

14 Start nové Symfony2 aplikace 1) Vytvořit a zaregistrovat nový bundle. $ php app/console generate:bundle 2) Nachystat URL adresy ( route ), 3) ty nasměrovat na nové akce, 4) které vytvoří Response objekt (nejčastěji přes šablonu). # app/config/routing.yml BartonStudioWebexpoBundle: resource: "@BartonStudioWebexpoBundle/Resources/config/routing.yml" prefix: / // app/appkernel.php // app/appkernel.php public function registerbundles() { $bundles = array( //... new BartonStudio\WebexpoBundle\BartonStudioWebexpoBundle(), ); //... return $bundles; }

15 Nachystání URL adres: routing(yaml konfigurace) # src/bartonstudio/webexpobundle/resources/config/routing.yml hello: pattern: /hello/{name} defaults: { _controller: BartonStudioWebexpoBundle:Hello:index } Vytvoření akce (nejjednodušší provedení) // src/bartonstudio/webexpobundle/controller/hellocontroller.php namespace BartonStudio\HelloBundle\Controller; use Symfony\Component\HttpFoundation\Response; class HelloController { public function indexaction($name) { return new Response('<html><body>Hello '.$name.'!</body></html>'); } }

16 // src/bartonstudio/webexpobundle/controller/hellocontroller.php namespace BartonStudio\WebexpoBundle\Controller; use Symfony\Bundle\FrameworkBundle\Controller\Controller; class HelloController extends Controller { public function indexaction($name) } { } Vytvoření akce lépe - s využitím šablony return $this->render('bartonstudiowebexpobundle:hello:index.html.twig', array('name' => $name)); Vytvoření akce pokročile (využití anotací pro nastavení routingu, zabezpečení a zapnutí šablony) /** name="secured_hello_admin") */ public function helloadminaction($name) { return array('name' => $name); }

17 Environments Stejný PHP kód, jiná konfigurace: logování, profilování využití cache ladicí nástroje odesílání ů routing

18 Testování, profilování PHPUnit nebo vyšší <?php class HelloControllerTest extends WebTestCase { public function testindex() { $client = static::createclient(); $crawler = $client->request('get', '/hello/webexpo'); // Write some assertions about the Response $this->asserttrue( $crawler->filter('html:contains("hello Webexpo")')->count() > 0 ); // Check that the profiler is enabled if ($profile = $client->getprofile()) { // check the number of requests $this->asserttrue($profile->getcollector('db')->getquerycount() < 10); // check the time spent in the framework $this->asserttrue( $profile->getcollector('timer')->gettime() < 0.5); } } } Lze vytvořit i více klientů najednou.

19 Web DebugToolbar

20

21 Servicecontainer Služba(service) = PHP objekt, který je vytvořen pro konání globálních úloh. Je využíván všude, kde je nutné využít jeho funkcionalitu. Service container = PHP objekt, který vytváří, spravuje a poskytuje jednotlivé služby $ php app/console container:debug [container] Public services Name Scope Class Name acme.demo.listener annotation_reader assetic.asset_manager database_connection debug.event_dispatcher doctrine esi filesystem form.factory http_kernel kernel container logger mailer container Swift_Mailer profiler request request router service_container container session templating twig container Twig_Environment container Acme\DemoBundle\ControllerListener container Doctrine\Common\Annotations\FileCacheReader container Assetic\Factory\LazyAssetManager n/a alias for doctrine.dbal.default_connection n/a alias for event_dispatcher container Symfony\Bundle\DoctrineBundle\Registry container Symfony\Component\HttpKernel\HttpCache\Esi container Symfony\Component\HttpKernel\Util\Filesystem container Symfony\Component\Form\FormFactory container Symfony\Bundle\FrameworkBundle\HttpKernel container Symfony\Bridge\Monolog\Logger // uvnitř akce $mailer = $this->get('mailer'); container Symfony\Component\HttpKernel\Profiler\Profiler container Symfony\Bundle\FrameworkBundle\Routing\Router container Symfony\Component\HttpFoundation\Session container Symfony\Bundle\TwigBundle\TwigEngine

22 Vytvoření vlastní služby # app/config/config.yml vytvoření služby "napevno" services: my_mailer: class: BartonStudio\WebexpoBundle\Mailer arguments: [sendmail] # transportni vrstva # app/config/config.yml vytvoření služby s měnitelnými parametry parameters: my_mailer.class: BartonStudio\WebexpoBundle\Mailer my_mailer.transport: sendmail services: my_mailer: class: %my_mailer.class% arguments: [%my_mailer.transport%] # src/bartonstudio/webexpobundle/resources/config/services.yml # využití jiných služeb = Referencing (Injecting) Services parameters: newsletter_manager.class: BartonStudio\WebexpoBundle\Newsletter\NewsletterManager services: newsletter_manager: class: %newsletter_manager.class% arguments:

23 Twig šablonovacísystém přednastavený, ale není povinný nejen pro (x)html, ale i pro xml, php, txt, rychlý, rozšiřitelný, bezpečný, jednoduchý dědičnost základní šablona nachystá bloky, ty se pak vloží do nadřazené šablony Twig

24 /app/resources/views/layout.html.twig <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>{% block title %}Welcome!{% endblock %}</title> {% javascripts %} <script type="text/javascript" src="{{ asset_url }}"></script> {% endjavascripts %} {% stylesheets %} <link href="{{ asset_url }}" type="text/css" rel="stylesheet" /> {% endstylesheets %} <link rel="shortcut icon" href="{{ asset('favicon.ico') }}" /> </head> <body> <header>webexpo 2011 DEMO</header> <article> {% block body %}{% endblock %} </article> <sidebar> {% block sidebar %}{% endblock %} </sidebar> </body> </html>

25 /src/bartonstudio/webexpobundle/resources/views/default/show.html.twig {% extends "::layout.html.twig" %} {% block body %} <h1>{% trans %}Topic{% endtrans %}: {{ topic }}</h1> <p>{{ description }}</p> {% include 'BartonStudioWebexpoBundle:Default:date.html.twig' with {'date': date} %} <a href="{{ path('webexpo_topic_show', { 'topic': 'Symfony2' }) }}">Symfony2</a> {% endblock %} {% block sidebar %} <h2>list of users</h2> <ul> {% for user in users %} <li class="{{ cycle(['odd', 'even']) }}">{{ user.username }}</li> {% else %} <li>no users found</li> {% endfor %} </ul> {% endblock %} {%... %} vykoná příkaz {{... }} vypíše hodnotu

26 Assetic Komprese CSS a JS souborů Kompresea úprava obrázků Slučování CSS a JS souborů Cache busting Kompilace (LESS, SASS, CoffeeScript, ) Optimalizované doručení CSS, JS, obrázků CDN

27 Assetic dev environment, HTTP požadavky prohlížeče při načtení stránky ahoj : GET GET GET GET GET $ php app/console assetic:dump Dumping all dev assets. Debug mode is on. export JS / CSS souborů do statických souborů: [file+] S:\WWW\project_webexpo2011\trunk\app/../web/js/a2e2c51.js [file+] S:\WWW\project_webexpo2011\trunk\app/../web/js/a2e2c51_my1_1.js [file+] S:\WWW\project_webexpo2011\trunk\app/../web/js/a2e2c51_my2_2.js [file+] S:\WWW\project_webexpo2011\trunk\app/../web/css/a css [file+] S:\WWW\project_webexpo2011\trunk\app/../web/css/a498173_style1_1.css [file+] S:\WWW\project_webexpo2011\trunk\app/../web/css/a498173_style2_2.css prodenvironment, HTTP požadavky prohlížeče při načtení stránky ahoj : GET GET GET

28 Cache Nejefektivnější možnost pro zrychlení aplikace: uložit celý výstup (www stránku) do cache. Nejde vždy Typy cache: Browser cache Uvnitř www prohlížeče. Pro jednoho uživatele. Proxy cache poskytovatelé připojení (ISP), zvyšuje rychlost odezvy a snižuje provoz na síti. Pro více uživatelů. Gateway cache(reverse proxy, surrogate cache, HTTP akcelerátor) podobně jako proxycache, ale je přímo na serveru.

29 Cache Symfony2 využívá pro řízení a konfiguraci cache pouze HTTP standard. HTTP/ OK Date: Sat, 24 Sep :18:41 GMT Server: Apache/1.3.3 (Unix) Cache-Control: max-age=3600, must-revalidate Expires: Sat, 24 Sep :19:41 GMT Last-Modified: Fri, 23 Sep :28:12 GMT ETag: "3e fbbc" Content-Length: 5040 Content-Type: text/html

30 Cache HTTP Expiration/ HTTP Validation $response->setclientttl( ); $response->setexpires( ); $response->setmaxage( ); $response->setsharedmaxage( ); $response->setttl( ); // HTTP 304 Not Modified $response->setetag( ); $response->setlastmodified( );

31 Cache HTTP Expiration/ nastavení v akci public function listaction() { // $response = $this->render( ); // uloží se v cache prohlížeče $response->setmaxage(60); return $response; }

32 Reverse proxy= Gatewaycache Symfony2 obsahuje vestavěný HTTP akcelerátor <?php // web/app.php require_once DIR.'/../app/bootstrap.php.cache'; require_once DIR.'/../app/AppKernel.php'; require_once DIR.'/../app/AppCache.php'; use Symfony\Component\HttpFoundation\Request; $kernel = new AppKernel('prod', false); $kernel->loadclasscache(); // caching kernel = reverse proxy = gateway cache $kernel = new AppCache($kernel); $kernel->handle(request::createfromglobals())->send();

33 Cache HTTP Expiration/ nastavení v akci // gateway cache máme teď zapnuto public function listaction() { } // $response = $this->render( ); $response->setmaxage(60); // chceme pro všechny uživatele // uložit výsledek akce do gateway cache $response->setsharedmaxage(60); return $response;

34 standard ESI EdgeSideIncludes <esi:include src=" alt=" onerror="continue"/> Implementováno v Symfony2 uvnitř reverse proxy. Lze využít i jiné (Varnish). Do cache lze díky ESI ukládat fragmenty www stránky nezávisle.

35 ESI -ukázka <?php // BartonStudio/BlogBundle/Resources/views/show.html.twig {% extends "::layout.html.twig" %} {% block body %} <h1>{{ article.title }}</h1> <p>{{ article.body }}</p> {% endblock %} {% block sidebar %} <h2>twitter</h2> // zde bude vlozen tag <ESI>, pokud je to povoleno: // <esi:include src="{{ path('twitter_list') }}" /> // lépe udělat takto: {% render 'BartonStudioTwitterBundle:Twitter:list' {'standalone': true} %} {% endblock %} // zobrazení článku blogu (v bloku body ) a aktuální výpis z twitteru(v bloku sidebar )

36 Zabezpečení XSS (Cross-site scripting), CSRF (Cross-site request forgery), SQL injection Znepřístupnit uživateli (1) místa, kam by neměl mít přístup (2). Lze řídit: přístup uživatele k akcím ( editace článků ). nebo detailněji ACL (accesscontrollist) pro řízení přístupu k jednotlivým instancím objektů ( kdo může editovat článek #81 ) * symfony.com

37 * symfony.com

38 Co jsme nestihli Formuláře Validace Databáze Model, ORM (Doctrine2) Překlady, I18n, L10n y (SwiftMailer)

39 Co jsme neměli rádi a teď se nám líbí Příkazová řádka Anotace Co nám zatím chybí Chybí větší tutorial(ala Jobeetze symfony 1.2) Nejasné bestpractices

40 Roadmap Symfony 2.1 (LTS -LongTimeSupport) konec roku 2011 první verze, kde všechny komponenty budou mít stabilní API

41 Zdroje a užitečné odkazy: The Book, The Cookbook symfony.com/components github.com/kriswallsmith/assetic twig.sensiolabs.org silex.sensiolabs.org Na shledanou nad vaším projektem BARTON STUDIO s.r.o.