Create a hybrid (client-server) application

Hi,

can you explain how to create a hybrid application with Eclipse ?

Thanks

What do you mean by a hybrid application? “Normal” Vaadin code is generally run on the server side.
Vaadin 7 components consist out of three classes: a server-side class (e.g. Button.class), a client-side class (VButton.class) and a connector class (e.g. i think VButtonConnector.class). Most of the client side logic is created using GWT but there also some Javascript components included.
If you want to create a normal Vaadin application have a look at the Book of Vaadin
https://vaadin.com/book/-/page/intro.html

I mean integrate GWT widgets with the server-side components using RPC, Connector, etc.
I want to combine server-side and client-side development.
Here’s a presentation about what I want to try :
http://fr.slideshare.net/jojule/hybrid-applications-28616401

Thank you for your answer.

You should have a look at the Custom Widgets chapter in this wiki:
https://vaadin.com/wiki/-/wiki/Main/Vaadin+7

Hi,

I have created a Vaadin Widget as explained in the book (chapter 16.2).
I got :

  • myComponent
  • myComponentWidget
  • myComponentConnector
  • myComponentServerRpc and myComponentClientRpc
  • myComponentState

I filled them.
I put myComponent in the UI class to use it. But, when I run the application nothing happens.
I tried to debug it and here is what it says :

  • Uncaught client side exception
    (TypeError) : b is undefinedcom.google.gwt.core.client.JavaScriptException: (TypeError) : b is undefined

-Uncaught client side exception
(TypeError) : G is nullcom.google.gwt.core.client.JavaScriptException: (TypeError) : G is null

(cf. the attachment)

Can someone help me please ?

Thanks.

15940.png

This looks like your client side code is throwing an exception. To be able to actually read what is thrown you should have a look at this:
https://vaadin.com/book/vaadin7/-/page/clientside.debugging.html

Thanks your answer.
It looks like it works now.

Check out pros and cons of native and hybrid platform for your mobile app.[Have a look]
(https://goo.gl/mv2HMc)