How to host a Canvas App in Lightning Component ?

How to host this Canvas App inside Lightning Component using force:canvasApp

- CanvasApp component

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes" >
    <force:canvasApp developerName="capp2" namespacePrefix="gw19" />
</aura:component>

- Lightning app using this component : CanvasApp

<aura:application extends="force:slds" >

    <table style="margin:30px;">
        <tr>
            <th> Farming</th>
            <th> Canvas Application</th>
        </tr>

        <tr>
            <td> <gw19:Farming /></td>
            <td> <gw19:CanvasApp /> </td>
        </tr>

    </table>  

</aura:application>

Demo

Demo: How to use it in App Builder to compose App Page

References

1. force:canvasApp

2. SalesforceCanvasFrameworkSDK

3. Heroku Quick Start

4. Canvas Developer Guide