Mój wykład na Warszawa JUG

We wtorek (29.10.2012) pokażę podstawy budowania Front Endu przy użyciu Twitter Bootstrap i jQuery. Zbudujemy razem aplikację do zarządzania biblioteką Warszawa JUG. Dlaczego warto przyjść? Bo będzie niedużo, ale powoli i ze zrozumieniem. Będzie to dobry fundament do dalszego rozwijania umiejętności związanych z budowanie FE.

Przeklejam zapowiedź z WJUG:

W najbliższą sobotę 100. spotkanie warszawskiego JUGa w postaci warsztatowej,
ale grupa nie zwalnia tempa i miło będzie nam gościć jednego z liderów grupy – Bartka Zdanowskiego!
Gorąco zapraszamy w najbliższy wtorek, 30 października o godzinie 18:00,
na Wydziale Matematyki Informatyki i Mechaniki UW (Banacha 2), w sali 5440 (IV piętro).
Temat: Budowanie frontendu przy użyciu TwitterBootstrap i jQuery – Bartek Zdanowski

Bartek o wykładzie:
Podczas wykładu zrobię mały wstęp do JavaScriptu (niezbędne minimum),
pokaże jak używać TwitterBootstrap[1], aby zbudować layout i jak to
ożywić przy użyciu jQuery[2]. W przypadku jQ zobaczymy też jak
komunikować się z backendem. Postaramy się razem zbudować długo
oczekiwaną aplikację do zarządzania biblioteką WJUG. Pokażę Wam rapid
development przy użyciu liveview, czy automatycznego odświeżania
przeglądarki w miarę powstawiania layoutu.
Backend zapewni nam Grails[3], którego nie będę pokazywał, chyba, że
starczy nam czasu i będą chętni.
Poziom wykładu: początkujący.

*Uwaga*: Jeśli pobijemy rekord frekwencji w październiku, to wśród
zebranych rozlosujemy licencję IntelliJ Idea lub dwie, jeśli przyjdzie
dostatecznie dużo ludzi! Na pewno do rozlosowania będzie roczna
licencja JRebel, bardzo dobrego narzędzia.

O Bartku:

Bartek Zdanowski na co dzień pracuje jako developer w TouK[4], jest
tatą dzieci, mężem żony oraz panem psa. Żonę wspiera w Fundacji
Artystycznej Młyn[5], która wystawia spektakle dla dorosłych, na które
bardzo serdecznie zaprasza ;-) Nie wypada nie mieć bloga, więc ma [6].
Od jakiegoś czasu jest współorganizatorem największej społecznościowej
konferencji Confitura[7], a ostatnio po godzinach jest szalonym
naukowcem[8].

Planowany czas prezentacji wraz z dyskusją to 120 min.

Informacje o spotkaniach zawsze widoczne w kalendarzu grupy oraz na Twitterze.

Zapraszamy!

PS. Yeah! Pobiłem rekord ilości linków w mojej zapowiedzi!
You May Also Like

Using WsLite in practice

TL;DR

There is a example working GitHub project which covers unit testing and request/response logging when using WsLite.

Why Groovy WsLite ?

I’m a huge fan of Groovy WsLite project for calling SOAP web services. Yes, in a real world you have to deal with those - big companies have huge amount of “legacy” code and are crazy about homogeneous architecture - only SOAP, Java, Oracle, AIX…

But I also never been comfortable with XFire/CXF approach of web service client code generation. I wrote a bit about other posibilites in this post. With JAXB you can also experience some freaky classloading errors - as Tomek described on his blog. In a large commercial project the “the less code the better” principle is significant. And the code generated from XSD could look kinda ugly - especially more complicated structures like sequences, choices, anys etc.

Using WsLite with native Groovy concepts like XmlSlurper could be a great choice. But since it’s a dynamic approach you have to be really careful - write good unit tests and log requests. Below are my few hints for using WsLite in practice.

Unit testing

Suppose you have some invocation of WsLite SOAPClient (original WsLite example):

def getMothersDay(long _year) {
    def response = client.send(SOAPAction: action) {
       body {
           GetMothersDay('xmlns':'http://www.27seconds.com/Holidays/US/Dates/') {
              year(_year)
           }
       }
    }
    response.GetMothersDayResponse.GetMothersDayResult.text()
}

How can the unit test like? My suggestion is to mock SOAPClient and write a simple helper to test that builded XML is correct. Example using great SpockFramework:

void setup() {
   client = Mock(SOAPClient)
   service.client = client
}

def "should pass year to GetMothersDay and return date"() {
  given:
      def year = 2013
  when:
      def date = service.getMothersDay(year)
  then:
      1 * client.send(_, _) >> { Map params, Closure requestBuilder ->
            Document doc = buildAndParseXml(requestBuilder)
            assertXpathEvaluatesTo("$year", '//ns:GetMothersDay/ns:year', doc)
            return mockResponse(Responses.mothersDay)
      }
      date == "2013-05-12T00:00:00"
}

This uses a real cool feature of Spock - even when you mock the invocation with “any mark” (_), you are able to get actual arguments. So we can build XML that would be passed to SOAPClient's send method and check that specific XPaths are correct:

void setup() {
    engine = XMLUnit.newXpathEngine()
    engine.setNamespaceContext(new SimpleNamespaceContext(namespaces()))
}

protected Document buildAndParseXml(Closure xmlBuilder) {
    def writer = new StringWriter()
    def builder = new MarkupBuilder(writer)
    builder.xml(xmlBuilder)
    return XMLUnit.buildControlDocument(writer.toString())
}

protected void assertXpathEvaluatesTo(String expectedValue,
                                      String xpathExpression, Document doc) throws XpathException {
    Assert.assertEquals(expectedValue,
            engine.evaluate(xpathExpression, doc))
}

protected Map namespaces() {
    return [ns: 'http://www.27seconds.com/Holidays/US/Dates/']
}

The XMLUnit library is used just for XpathEngine, but it is much more powerful for comparing XML documents. The NamespaceContext is needed to use correct prefixes (e.g. ns:GetMothersDay) in your Xpath expressions.

Finally - the mock returns SOAPResponse instance filled with envelope parsed from some constant XML:

protected SOAPResponse mockResponse(String resp) {
    def envelope = new XmlSlurper().parseText(resp)
    new SOAPResponse(envelope: envelope)
}

Request and response logging

The WsLite itself doesn’t use any logging framework. We usually handle it by adding own sendWithLogging method:

private SOAPResponse sendWithLogging(String action, Closure cl) {
    SOAPResponse response = client.send(SOAPAction: action, cl)
    log(response?.httpRequest, response?.httpResponse)
    return response
}

private void log(HTTPRequest request, HTTPResponse response) {
    log.debug("HTTPRequest $request with content:\n${request?.contentAsString}")
    log.debug("HTTPResponse $response with content:\n${response?.contentAsString}")
}

This logs the actual request and response send through SOAPClient. But it logs only when invocation is successful and errors are much more interesting… So here goes withExceptionHandler method:

private SOAPResponse withExceptionHandler(Closure cl) {
    try {
        cl.call()
    } catch (SOAPFaultException soapEx) {
        log(soapEx.httpRequest, soapEx.httpResponse)
        def message = soapEx.hasFault() ? soapEx.fault.text() : soapEx.message
        throw new InfrastructureException(message)
    } catch (HTTPClientException httpEx) {
        log(httpEx.request, httpEx.response)
        throw new InfrastructureException(httpEx.message)
    }
}
def send(String action, Closure cl) {
    withExceptionHandler {
        sendWithLogging(action, cl)
    }
}

XmlSlurper gotchas

Working with XML document with XmlSlurper is generally great fun, but is some cases could introduce some problems. A trivial example is parsing an id with a number to Long value:

def id = Long.valueOf(edit.'@id' as String)

The Attribute class (which edit.'@id' evaluates to) can be converted to String using as operator, but converting to Long requires using valueOf.

The second example is a bit more complicated. Consider following XML fragment:

<edit id="3">
   <params>
      <param value="label1" name="label"/>
      <param value="2" name="param2"/>
   </params>
   <value>123</value>
</edit>
<edit id="6">
   <params>
      <param value="label2" name="label"/>
      <param value="2" name="param2"/>
   </params>
   <value>456</value>
</edit>

We want to find id of edit whose label is label1. The simplest solution seems to be:

def param = doc.edit.params.param.find { it['@value'] == 'label1' }
def edit = params.parent().parent()

But it doesn’t work! The parent method returns multiple edits, not only the one that is parent of given param

Here’s the correct solution:

doc.edit.find { edit ->
    edit.params.param.find { it['@value'] == 'label1' }
}

Example

The example working project covering those hints could be found on GitHub.

4Developers 2010 Review

I've been to 4Developers in 2009 in Cracow, together with Tomasz Przybysz and we had very nice impressions, no wonder then I wanted to signed up for 2010 edition in Poznań as well. Tomasz was sick, but Jakub Kurlenda decided to come with me. This time...I've been to 4Developers in 2009 in Cracow, together with Tomasz Przybysz and we had very nice impressions, no wonder then I wanted to signed up for 2010 edition in Poznań as well. Tomasz was sick, but Jakub Kurlenda decided to come with me. This time...