Remedie: Building a desktop app with HTTP::Engine, SQLite and jQuery

Building a desktop app with HTTP::Engine, SQLite & jQuery Tatsuhiko Miyagawa YAPC::Asia 2009 Tokyo Sep. 11

Interested in code? Come down to front. (fonts are small)

Tatsuhiko Miyagawa

Software Engineer, TypePad

cpan: MIYAGAWA

Acme-DateTime-Duration-Numeric Acme-Module-Authors Acme-Sneeze Acme-Sneeze-JP Apache-ACEProxy Apache- AntiSpam Apache-Clickable Apache-CustomKeywords Apache-DefaultCharset Apache-GuessCharset Apache-JavaScript- DocumentWrite Apache-No404Proxy Apache-Profiler Apache-Session-CacheAny Apache-Session-Generate-ModUniqueId Apache-Session-Generate-ModUsertrack Apache-Session-PHP Apache-Session-Serialize-YAML Apache-Singleton Apache- StickyQuery Archive-Any-Create Attribute-Profiled Attribute-Protected Attribute-Unimplemented Bundle-Sledge CGI- Untaint-email CPAN-Mini-Growl Catalyst-Plugin-Authentication-Credential-AOL Catalyst-Plugin-Authentication-Credential- OpenID Catalyst-Plugin-JSONRPC Catalyst-View-JSON Catalyst-View-Jemplate Class-DBI-AbstractSearch Class-DBI- Extension Class-DBI-Pager Class-DBI-Replication Class-DBI-SQLite Class-DBI-View Class-Trigger Convert-Base32 Convert- DUDE Convert-RACE Data-YUID Date-Japanese-Era Date-Range-Birth DateTime-Span-Birthdate Device-KeyStroke-Mobile Dunce-time Email-Find Email-Valid-Loose Encode-DoubleEncodedUTF8 Encode-First Encode-JP-Mobile Encode-JavaScript- UCS Encode-Punycode File-Find-Rule-Digest File-Spotlight Geo-Coder-Google HTML-AutoPagerize HTML-Entities- ImodePictogram HTML-RelExtor HTML-ResolveLink HTML-Selector-XPath HTML-XSSLint HTTP-MobileAgent HTTP- ProxyPAC HTTP-Server-Simple-Authen HTTP-Server-Simple-Bonjour IDNA-Punycode Inline-Basic Inline-TT JSON-Syck Kwiki-Emoticon Kwiki-Export Kwiki-Footnote Kwiki-OpenSearch Kwiki-OpenSearch-Service Kwiki-TypeKey Kwiki-URLBL LWP-UserAgent-Keychain Lingua-JA-Hepburn-Passport Log-Dispatch-Config Log-Dispatch-DBI MSIE-MenuExt Mac- Macbinary Mail-Address-MobileJp Mail-ListDetector-Detector-Fml Module-Install-Repository Net-DAAP-Server-AAC Net- IDN-Nameprep Net-IPAddr-Find Net-Twitter-OAuth Net-YahooMessenger NetAddr-IP-Find P2P-Transmission-Remote PHP-Session POE-Component-Client-AirTunes POE-Component-Client-Lingr POE-Component-YahooMessenger Path- Class-URI Plagger RPC-XML-Parser-LibXML Template-Plugin-Clickable Template-Plugin-Comma Template-Plugin-FillInForm Template-Plugin-HTML-Template Template-Plugin-JavaScript Template-Plugin-MobileAgent Template-Plugin-ResolveLink Template-Plugin-Shuffle Template-Provider-Encoding Term-Encoding Term-TtyRec Test-Synopsis Text-Emoticon Text- Emoticon-GoogleTalk Text-Emoticon-MSN Text-Emoticon-Yahoo Text-MessageFormat TheSchwartz-Simple Time-Duration- Parse Time-Duration-ja URI-Find-UTF8 URI-git URI-tag URI-urn-uuid Video-Subtitle-SRT WWW-Baseball-NPB WWW-Blog- Metadata-MobileLinkDiscovery WWW-Blog-Metadata-OpenID WWW-Blog-Metadata-OpenSearch WWW-Cache-Google WWW-Mechanize-AutoPager WWW-Mechanize-DecodedContent WWW-NicoVideo-Download WWW-OpenSearch WWW-Shorten-RevCanonical WWW-Shorten-Simple Web-Scraper Web-oEmbed WebService-Bloglines WebService- ChangesXml WebService-Google-Suggest WebService-Lingr XML-Atom XML-Atom-Lifeblog XML-Atom-Stream XML- Liberal XML-OPML-LibXML abbreviation autobox-DateTime-Duration capitalization plagger

twitter.com/miyagawa (Slides will be linked. Follow me!)

Remedie

Building a desktop app with HTTP::Engine, SQLite & jQuery Tatsuhiko Miyagawa YAPC::NA 2009 Pittsburgh

Desktop GUI apps

MFC/.NET Visual C++,VB

wxWidgets

Objective-C Cocoa (PyObjC/RubyCocoa)

Adobe AIR

I’m a Perl guy who knows JavaScript.

Web Developers!

Web app!

“Web 2.0 iPhone App” Steve Jobs at WWDC 2007

PhoneGap

HTML5 geolocation, videos local storage

HTML5 = Future ??? = 2009

micro Web app = 2009

(Demo)

New in 0.6.x

Performance non-blocking, multi-tasking libxml based parsing everywhere

Comet messaging parallel downloads, iPhone remotes

How I built this

HTTP::Engine web servers abstraction

Based on Catalyst::Engine

Will be replaced by PSGI and Plack

But will be supported and can still be useful to write micro webservers

package MyApp; sub handle_request { my $req = shift; return HTTP::Engine::Response->new( body => “Hello World”, ); } 1;

Interface::PSGI Yappo++

Plack compatible: CGI, ServerSimple, Mojo, Prefork ReverseHTTP, FastCGI, Apache

> plackup MyApp -i ServerSimple

use Plack::Loader; my $impl = PlackLoader->load(‘AnyEvent’, @ARGV); $impl->run(“MyApp”);

Desktop app: AnyEvent psgi.async

Serve static ﬁles (HTML/CSS/JS)

sub handle_request { my($self, $req) = @_; my $path = $req->path; my $res = HTTP::Engine::Response->new; if ($path =~ s!^/static/!!) { $self->serve_static_ﬁle($path, $req, $res); }; return $res; }

use Path::Class; sub serve_static_file { my($self, $path, $req, $res) = @_; my $root = $self->conf->{root}; my $file = file($root, "static", $path); my $size = -s _; my $mtime = (stat(_))[9]; my $ext = ($file =~ /.(w+)$/)[0]; $res->content_type( MIME::Types->new->mimeTypeOf($ext) || "text/plain" ); # ... open my $fh, "<:raw", $file or die "$file: $!"; $res->headers->header('Last-Modified' => HTTP::Date::time2str($mtime)); $res->headers->header('Content-Length' => $size); $res->body( join '', <$fh> ); }

http://coderwall.com	256
http://bulknews.typepad.com	96
http://www.slideshare.net	4
http://reblog.rot13.org	2
http://localhost:3000	1

Remedie: Building a desktop app with HTTP::Engine, SQLite and jQuery

by Tatsuhiko Miyagawa

Accessibility

Categories

Upload Details

Usage Rights

5 Embeds 359

Statistics

Remedie: Building a desktop app with HTTP::Engine, SQLite and jQuery Presentation Transcript