Rapid JCR applications development with Sling

Rapid JCR applications development
with Apache Sling
Bertrand Delacrétaz
Senior R&D Developer, Day Software, www.day.com
Member and Director, ASF
bdelacretaz@apache.org
blog at http:/
/grep.codeconsult.ch
twitter: @bdelacretaz

Slides revision: 2009-03- 20
Slides theme design: David Nuescheler

Wednesday, March 25, 2009

Rapid JCR applications development
with Apache Sling
Bertrand Delacrétaz
Senior R&D Developer, Day Software, www.day.com
Member and Director, ASF
bdelacretaz@apache.org
blog at http:/
/grep.codeconsult.ch
twitter: @bdelacretaz

Slides revision: 2009-03- 20
Slides theme design: David Nuescheler

is thi
busy s slide
enou
gh?

Intro to JCR
JCR = Java Content Repository API
JSR-170 / JSR283
-
Everything Is Content - and JCR manages it as
trees of Nodes and Properties, using rich data
types.


Intro to JCR
JCR = Java Content Repository API
JSR-170 / JSR283
-
silve
r

Everything Is Content - and JCR manages it as
trees of Nodes and Properties, using rich data
types.


What’s JCR?
JSR-170

Content Repository for
JavaTM technology API
Spec-Lead:
Day Software
Status:
Final Release 17-jun-2005

Expert Group:


What’s JCR?
JSR-170 JSR-283

Content Repository for
JavaTM technology API v2.0
Spec-Lead:
Day Software
Status:
Public Review Closed sep-2007

Expert Group:


What’s JCR?


What’s JCR?
“The API should be a standard,
implementation independent, way to
access content bi-directionally on a
granular level to a
content repository.”


What’s JCR?
“The API should be a standard,
implementation independent, way to
access content bi-directionally on a
granular level to a
content repository.” ?


Best of both worlds.
data base ﬁle s ys t e m
hier-
archi
integ
rity re es
structu
read streams

tx write access
query locking control

multi-
value
ning
obser- versio
un-structured
“full-text” sort vation
order

content repo sit or y

Known compliant Repositories


Known compliant Repositories
* using third party connector

* *

Apache Exo Microsoft OpenText
Jackrabbit Oracle XML DB ECMS Platform Sharepoint Livelink

*

Xythos
Day CRX IBM FileNet P8 Repository Alfresco ECM Vignette V7

* *
any ors
ow mvendd?
H S e
+hun
dre DBMou ne
R do y
Interwoven EMC TCKsds of
regis
Repository IBM CM Documentum tered

Some known JCR Applications


Some known JCR Applications

Fast
Enterprise
BEA Portal Sun Oracle Portal Interface 21Search
OpenPortal JBoss Portal Day Spring
Communique Framework
DAM Day
magnolia WCMS Apache Sling Communique
Alfresco ECMS Mindquarry ApacheCollab
Collaboration Tapestry
QSLabs Day
Apache Compliance Communiqué IBM FileNet
Cocoon WCMS
Artifactory medic-2-medic WebSiteManage
r
Apache James Maven Proxy mapofmedicine
Exo
GX ECMS Platform TYPO3
WebManager v5.0 WCM
InfoQ Liferay
Online Hippo Enterprise
Nuxeo ECM Community CMS Portal
Jahia Sakai
Percussion Framework E-learning
Rhythmix QuickWCM Sourcemix
WCMS Lutece Sourcemix
Portal

JCR code excerpt
Repository repository = new TransientRepository();
Session session = repository.login(...);
/ Create content
/
Node root = session.getRootNode();
Node hello = root.addNode(quot;helloquot;);
Node world = hello.addNode(quot;worldquot;);
world.setProperty(quot;messagequot;, quot;Hello, World!quot;);
session.save();
/ Retrieve content
/
Node node = root.getNode(quot;hello/worldquot;);
print(node.getPath());
print(node.getProperty(quot;messagequot;).getString());

On to Sling


Sling builds on top of JCR
Scriptable applications layer on top of JCR
OSGi-based industrial-strength framework
Simple, powerful, JCR inside
Runs on Apache Jackrabbit by default

http:/
/incubator.apache.org/sling


Sling builds on top of JCR
Scriptable applications layer on top of JCR
OSGi-based industrial-strength framework
Simple, powerful, JCR inside
Runs on Apache Jackrabbit by default

http:/
/incubator.apache.org/sling
join t
he
fun!

Sling == REST over JCR


Sling == REST over JCR

REST -> Roy T. Fielding

scheler
JCR: David Nue
2005
rele a 1.0 r
v ele ased
sed y
162 p 2k +300 pages
ages


Reclaiming the web.
Sling URL decomposition.
/cars/audi/s4.details.html


Reclaiming the web.

Repository


Reclaiming the web.

Content
Repository epository Path
R


Reclaiming the web.

Content ...selects a
Repository epository Path
R particular scrip
t


Sling architecture
HTTP debugger ﬁlesystem browser

standard custom servlets WebDAV Sling OSGi
servlets and components server console
javascript

resource servlet/script OSGi bundles
JSR 223
JSP
Ruby
resolution resolution scripting OSGi framework
Velocity
etc..
(Apache Felix)
OSGi webapp
JSR-170 API

JCR
repository


Sling architecture
HTTP sling.js debugger ﬁlesystem browser
utilit y
POST, V
json GE
T WebDA
access
standard custom servlets WebDAV Sling OSGi
servlets and components server console
javascript

resource servlet/script OSGi bundles
JSR 223
JSP
Ruby
resolution resolution scripting OSGi framework
Velocity
etc..
(Apache Felix)
OSGi webapp ESP
de
se r ver-si t
ip JSR-170 API
javascr

JCR
repository


A minimalone .esp script blog
Consisting of
Sling
cat /Volumes/localhost/apps/blog/blog.esp | wc -l
54


from
e code :
ge t th ay.com
dev.d url.com/
/tiny 6
ht tp:/ gblog4
slin

A minimalone .esp script blog
Consisting of
Sling
cat /Volumes/localhost/apps/blog/blog.esp | wc -l
54


Sling POST servlet
# POST to Sling
curl -F title=hello http://localhost:8888/foo
-> 200 OK

# GET created node in json format
curl http:/ /localhost:8888/foo.tidy.json
{
quot;jcr:primaryTypequot;: quot;nt:unstructuredquot;,
quot;titlequot;: quot;helloquot;
}


Sling POST servlet
# POST to Sling
curl -F title=hello http://localhost:8888/foo
-> 200 OK
POST se t
e ters s
# GET created node in json format param opertie
curl http:/ /localhost:8888/foo.tidy.json node pr
{
quot;jcr:primaryTypequot;: quot;nt:unstructuredquot;,
quot;titlequot;: quot;helloquot;
}


blog step 1: create content
! <form method=quot;POSTquot;>
! Title:
! <input type=quot;textquot; name=quot;titlequot; style=quot;width:100%quot;/>
!
! Text:
! <textarea style=quot;width:100%quot; name=quot;textquot;></textarea>
!
! <input type=quot;submitquot; value=quot;savequot;/>
!
! <input type=quot;hiddenquot; name=quot;:redirectquot; value=quot;*quot;/>
! </form>


blog step 1: create content
! <form method=quot;POSTquot;>
! Title:
! <input type=quot;textquot; name=quot;titlequot; style=quot;width:100%quot;/>
!
! Text:
! <textarea style=quot;width:100%quot; name=quot;textquot;></textarea>
!
! <input type=quot;submitquot; value=quot;savequot;/>
!
! <input type=quot;hiddenquot; name=quot;:redirectquot; value=quot;*quot;/>
! </form>
dri ve
fields t
Form onten
the c el
mod

blog step 2: retrieve content
<script src=quot;/system/sling.jsquot;></script>!
<form method=quot;POSTquot;>
...
</form>


<script>Sling.wizard();</script>

blog step 2: retrieve content
<script src=quot;/system/sling.jsquot;></script>!
<form method=quot;POSTquot;>
...
</form>


<script>Sling.wizard();</script>

U(D)
Inst ant CR

blog step 3: navigation
<ul>
<li>
<a href=quot;/content/blog/*quot;>
[Create new post]</a>
</li>
! <script>
! var posts = Sling.getContent(quot;/content/blogquot;, 2);
! for(var post in posts) {
! ! document.write(
quot;<li><a href=’” + post + quot;'>quot;
+ posts[post].title + quot;</a></li>quot;);
! }
! </script>
</ul>

we got a blog!
html form + Sling.wizard() + Sling.getContent()


The ESP blog sample
ESP scripting + java + javascript
OSGi bundle, initial content, WebDAV, observation, RAD


The ESP blog sample
ESP scripting + java + javascript
OSGi bundle, initial content, WebDAV, observation, RAD

mples
ng/sa /
der sli rl.com
de un inyu
Co
ht tp:/ t logesp
/
slingb

ESP blog in action
create

retrieve
thumbnails

update


ESPblog demo


ESP blog source ﬁles
admin.esp pom.xml
edit.esp ThumbnailGeneratorService.java
html.esp ThumbnailGeneratorServiceImpl.java
list.esp
espblog.css
menu.esp
sling-logo.png
xml.esp (RSS feed)
constants.esp
header.esp


ESP blog source ﬁles
admin.esp pom.xml
edit.esp ThumbnailGeneratorService.java
html.esp ThumbnailGeneratorServiceImpl.java
list.esp
espblog.css
menu.esp
sling-logo.png
xml.esp (RSS feed)
constants.esp source
log re s to
espb oint
header.esp t ype p ripts
those sc


ESP blog content structure
JSON dump

WebDAV view

<% ESP blog edit script
pageTitle = currentNode.title; load(quot;header.espquot;);
%>
<body>
<form method=quot;POSTquot; action=quot;<%= currentNode %>quot;>
<p><label>Title</label>
<input name=quot;titlequot; type=quot;textquot;
value=quot;<%= currentNode.title %>quot;></p>
...
<input type=quot;hiddenquot; name=quot;createdquot;/>
<input name=quot;:redirectquot; type=quot;hiddenquot;
value=quot;/content/espblog/posts.admin.htmlquot;/>
<input type=quot;submitquot; value=quot;Postquot; class=quot;buttonquot;>
</form>
...


ESP blog thumbnails: OSGi service
/**
* Observe the espblog content for changes, and generate
* thumbnails when images are added.
*
* maven-scr-plugin uses annotations to generate the OSGi
* Declarative Services XML conﬁguration ﬁles
* @scr.service
* @scr.component immediate=quot;truequot;
*
*/
public class ThumbnailGeneratorServiceImpl
implements ThumbnailGeneratorService, EventListener {


ESP blog thumbnails: observation
/** @scr.reference (framework injects it automatically) */
private SlingRepository repository;

/** called by framework when service is activated */
protected void activate(ComponentContext context) {
Session s = repository.loginAdministrative(null);
/ Listen for nt:ﬁle NODE_ADDED repository events
/
ObservationManager m =
s.getWorkspace().getObservationManager();
! String[] types = { quot;nt:ﬁlequot; };
! m.addEventListener(
this,
Event.NODE_ADDED,
contentPath, ...);


ESP blog thumbnails: NODE_ADDED
/** Called by JCR Observation manager for events that this
* EventListener registered for
*/
public void onEvent(EventIterator it) {
while (it.hasNext()) {
Event event = it.nextEvent();
if (event.getType() == Event.NODE_ADDED
&& !(event.getPath().contains(quot;thumbnailsquot;)))
{
String p = event.getPath();
Node n = session.getRootNode().getNode(p);
createThumbnails(addedNode);
}
}
...

We got a typical Sling application!
JCR features: WebDAV,
observation, nt:unstructured.

Sling goodies: simple script
mappings (BYOL), POST servlet, RESTful
interface.

OSGi bundle, code + initial
content, Maven plugins.


We got a typical Sling application!
JCR features: WebDAV,
observation, nt:unstructured.

Sling goodies: simple script
mappings (BYOL), POST servlet, RESTful
interface.
ource
blog s under
ESP
found es
ode is ampl
OSGi bundle, code + initial c
sling/s
content, Maven plugins.


Where is Sling going?


Where is Sling going? (aka conclusion)
First web framework designed for JCR.
Embrace the web, act like a very clever
web server!
Intelligent HTTP/JSON storage?
OSGi, organic app growth.

Growing community, graduate
in 2009?
http://incubator.apache.org/sling
http://dev.day.com
http://contentcentric.org/


Where is Sling going? (aka conclusion)
First web framework designed for JCR.
Embrace the web, act like a very clever
web server!
Intelligent HTTP/JSON storage?
not a web
OSGi, organic app growth. “Sling is s ation a
applic k, it’s
fram e wor
Growing community, graduate ame work”
in 2009? w eb f r
http://incubator.apache.org/sling
http://dev.day.com
join t
hehttp://contentcentric.org/
fun!

Rapid JCR applications development with Sling

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Rapid JCR applications development with Sling

Similar to Rapid JCR applications development with Sling (20)

More from Bertrand Delacretaz

More from Bertrand Delacretaz (20)

Recently uploaded

Recently uploaded (20)

Rapid JCR applications development with Sling

Editor's Notes