Salesforce Heroku（五）Salesforce中的应用(CanvasApp)

2022-01-19 16:50:52 浏览数 (1)

1.LightningApp做成

2.CanvasApp做成

3.装载CanvasApp的Aura做成

warmSpireForHerokuCanvasAppAura

代码语言：javascript复制

<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.自定义Tab用的Aura做成

warmSpireForHerokuTabAura

代码语言：javascript复制

<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做成

6.把做成的Tab添加到LightningApp中

7.效果展示

8.资源取得

代码语言：javascript复制

sfdx force:source:retrieve -m ConnectedApp

canvas

0 人点赞