Salesforce heroku (V) application in salesforce (canvasapp)

1.LightningApp Make it

2.CanvasApp Make it

3. load CanvasApp Of Aura Make it

warmSpireForHerokuCanvasAppAura

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
    <div class="slds-m-vertical_medium">
        <force:canvasApp developerName="heroku_canvasapp" width="100%"/>
    </div>
</aura:component>

4. Customize Tab With Aura Make it

warmSpireForHerokuTabAura

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global">
    <lightning:tabset selectedTabId="herokuSampleTab">
        <lightning:tab label="OpportunityListView" id="SaveResultTab">
            <lightning:listView objectApiName="Opportunity"
                                listName="herokuSampleOppView"
                                showSearchBar="true"
                                showActionBar="true"
                                enableInlineEdit="false"
                                showRowLevelActions="false"/>
        </lightning:tab>
        <lightning:tab label="herokuSample" id="herokuSample">
            <c:warmSpireForHerokuCanvasAppAura></c:warmSpireForHerokuCanvasAppAura>
        </lightning:tab>
    </lightning:tabset>
</aura:component>

5.Tab Make it

6. Made of Tab Add to LightningApp in

7. Effect display

8. Resource acquisition

sfdx force:source:retrieve -m ConnectedApp