{"id":4861,"date":"2012-11-09T23:26:28","date_gmt":"2012-11-09T22:26:28","guid":{"rendered":"http:\/\/notizblog.org\/?p=4861"},"modified":"2020-03-27T12:51:49","modified_gmt":"2020-03-27T11:51:49","slug":"custom-web-schemes","status":"publish","type":"post","link":"https:\/\/notiz.blog\/2012\/11\/09\/custom-web-schemes\/","title":{"rendered":"web+custom:\/\/scheme"},"content":{"rendered":"\n

Ich habe in den letzten Monaten eine Menge \u00fcber Web Intents<\/a><\/em> gelesen und ich finde immer noch dass der Webmonkey<\/a> die Thematik bisher am treffendsten beschrieben hat:<\/p>\n\n\n\n

\n

In practice Web Intents work a bit like mailto:<\/code> links, defining an action and then passing it along to the browser, which allows the user to choose how to handle the action. The difference is that instead of opening a desktop app, Web Intents connect to web services.<\/p>\n<\/blockquote>\n\n\n\n

Der Vergleich ist simple und ich habe mir die Frage gestellt: Wieso nicht einfach wirklich unterschiedliche Schemes f\u00fcr die jeweiligen Anforderungen definieren? Eine App kann beim Browser anmelden dass sie share:\/\/<\/code> oder subscribe:\/\/<\/code> unterst\u00fctzt und bei einem Klick auf einen entsprechenden Link, \u00f6ffnet sich (statt der E-Mail App) eben die entsprechende Web-App.<\/p>\n\n\n\n

…vor kurzem hab ich dann mal ein wenig mit Superfeedrs<\/a> msgboy<\/a> herumgespielt und entdeckt dass es bei HTML5 wirklich Custom-Schemes<\/a> gibt die man frei definieren kann!<\/p>\n\n\n\n

Mit folgendem Befehl kann man beim Browser einen eigenen Protocol-Handler setzen:<\/p>\n\n\n

navigator.registerProtocolHandler('web+share'<\/span>, 'http:\/\/spread.ly\/?url=%s'<\/span>, 'Spread.ly'<\/span>);<\/code><\/span>Code-Sprache:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
Alle neuen Schemes sollten mit "web+<\/code>" beginnen, ausnahmen sind schon bestehende Schemes, wie z.B. "mailto<\/code>", "mms<\/code>", "nntp<\/code>", "rtsp<\/code>" oder "webcal<\/code>".<\/p>\n\n\n\n
Der passende a-Tag zum oben genannten Beispiel m\u00fcsste also folgenderma\u00dfen aussehen:<\/p>\n\n\n
<a<\/span> href<\/span>=\"web+share:http:\/\/pfefferle.org\"<\/span>><\/span>Share this Page<\/a<\/span>><\/span><\/code><\/span>Code-Sprache:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
Klickt ein User den Link, wird einfach das %s<\/code> vom Handler mit dem href<\/code> ersetzt und aufgerufen:<\/p>\n\n\n
http:\/\/spread.ly\/?url=web+share:http:\/\/pfefferle.org<\/span><\/code><\/span>Code-Sprache:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
Bisher war ich ja ein gro\u00dfer Web Intents<\/em> Fan (und bin es auch immer noch), aber f\u00fcr solche simplen Aktionen wie "Share", "Like", "Subscribe" oder "Follow" reicht doch ein simples Custom-Scheme vollkommen aus. Kein unn\u00f6tiges JavaScript (mal abgesehen vom Registrieren des Handlers), nur ein wenig HTML. Gro\u00dfartig!<\/p>\n\n\n\n
Protocol-Handler lassen sich \u00fcbrigens auch abh\u00e4ngig vom Mime-Type setzen:<\/p>\n\n\n
navigator.registerContentHandler('application\/atom+xml'<\/span>, 'http:\/\/www.google.com\/ig\/add?feedurl=%s'<\/span>, 'Google Reader'<\/span>)<\/code><\/span>Code-Sprache:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
Bei allen Web-Dokumenten mit dem Mime-Type application\/atom+xml<\/code> sollte der Browser jetzt nachfragen ob er die URL mit dem Google-Reader \u00f6ffnen soll.<\/p>\n","protected":false},"excerpt":{"rendered":"
Ich habe in den letzten Monaten eine Menge \u00fcber Web Intents gelesen und ich finde immer noch dass der Webmonkey die Thematik bisher am treffendsten beschrieben hat: In practice Web Intents work a bit like mailto: links, defining an action and then passing it along to the browser, which allows the user to choose how […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[2],"tags":[5171,700,309,152,968],"class_list":{"0":"post-4861","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-web","7":"tag-fediblog","8":"tag-html5","9":"tag-javascript","10":"tag-scheme","11":"tag-web-intents","12":"h-entry","13":"hentry"},"_links":{"self":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/4861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/comments?post=4861"}],"version-history":[{"count":0,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/4861\/revisions"}],"wp:attachment":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/media?parent=4861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/categories?post=4861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/tags?post=4861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}