How To Create Synapse Configuratons using WSO2 Developer Studio - ESB Graphical Editor.

1. Install WSO2 Developer Studio 2.0.0 Beta (Installation guide).  

2. First open WSO2 Developer Studio Dashboard.

3. Create a 'ESB Config Project' which is under Enterprise Service Bus category, using WSO2 Developer

 Studio Dashboard. Give a name for project. Let's give 'Sample1'. Click finish.

4.Right click on 'Sample1' project in the 'Project Explorer' view. Then click New-> Other. You will have a

 wizard. Select WSO2->Message Mediation-> Message Mediation Features-> Synapse Configuration and

 click Next. Give a name for the file and click Finish. 

  5. You will have a 'Synapse Configuration Editor' opened. 

 6. We are going to create following Synapse Configuration.

<?xml version="1.0" encoding="UTF-8"?>

<definitions xmlns="http://ws.apache.org/ns/synapse">
   <proxy name="Sample1" transports="https http" startOnLoad="true" trace="disable">
       <target>
           <inSequence>
               <log category="TRACE" separator=","/>
               <send>
                   <endpoint>
                       <address uri="http://www.example.org/service"/>
                   </endpoint>
               </send>
            </inSequence>
            <outSequence>
                <log category="TRACE" separator=","/>
            </outSequence>
       </target>
   </proxy>
</definitions>


7. First drag and drop a 'Proxy Service' from the tool palette. 

 8. Then drag and drop a Log Mediator to the In Sequence section of the Proxy service figure. Then drag

 and drop an Address Endpoint to the Endpoint section of the Proxy Service figure. Finally drag and drop

 a Log Mediator to the Out Sequence section of the Proxy Service figure. Then connect the input and 

 output connectors of the nodes. 

 9. You can configure your Log mediators and EndPoints using Properties view. To open Properties view,

 double click on the relevant figure or right click on the figure and select 'Show Properties View' from the

 context menu. 

 10. Now we have finished the design and configurations using Design view. You can see the generated 

 Synapse Configuration for this design by clicking the 'Source' page of this editor.