#Aura0 debatiendo

Integrating Cloud Files with LWC via Visualforce and Aura

In a recent project, I encountered a challenge while trying to integrate Cloud Files, a feature that was part of a managed package, into a Lightning Web Component (LWC). As many developers are aware, it’s not possible to directly invoke an Aura component from LWC. However, given the requirements of the project, I needed to find a workaround to make this integration work seamlessly.

The Solution:

I devised a solution by leveraging Visualforce pages to act as a bridge between LWC and Aura components. Here’s how I approached the problem:

1. Calling Visualforce from LWC:

I embedded a Visualforce page within my LWC using the <iframe> approach. This allowed me to invoke the Visualforce page directly from within the LWC framework.

2. Invoking Aura from Visualforce:

From the Visualforce page, I utilized JavaScript to call an Aura application. This app served as a middle layer between Visualforce and the Aura components.

3. Connecting to the Aura Component:

Finally, from the Aura application, I invoked the necessary Aura components that were required to interact with the Cloud Files managed package.

This layered approach allowed me to successfully integrate Cloud Files functionality within my LWC while respecting the architectural boundaries between LWC and Aura. Although not a direct method, this solution provided a seamless user experience and ensured that I could leverage managed package components in a modern LWC environment.

How else would you approach this issue?

Share your ideas and aske me your questions if there is one!

Hi All,

I made Screen Flow and I write Lightning code for Navigates to an sObject record specified by recordId. using below documentation.

https://help.salesforce.com/s/articleView?id=sf.flow_concepts_finish_override.htm&type=5

But I am not able to redirect. Please help me here to resolve this issue.

I placed my Lightning component at the last as an Action. As shown below.

#Flow  #Salesforce Developer

#Aura  #Lightning Experience  #Lightning App Builder  #Lightning Flow

お世話になっております。

他の方がLWCで処理を実装し、それを商談のアクションから実行できるようになっております。

これをエクスペリエンスサイトからでも実行できるようにする方法を調べております。

どうやら標準では方法がないようですが（何故…？）、Stack ExchangeによるとAuraでラップすることで解決するようです。

そこで下記Auraを作成し、Lightningアクションとして配置しました。

<aura:component implements="flexipage:availableForAllPageTypes,force:hasRecordId,force:lightningQuickAction">
    <c:lightningWebComponentFromOthers recordId="{!v.recordId}"/>
</aura:component>

その結果、エクスペリエンスサイト上でアクションが表示されるようになったのですが、実行したところ処理が正常に行われません。

LWCの内容には直接関与していないのでちゃんとしたことは把握できていないのですが、どうやら関連するオブジェクトのデータを取得してExcelファイル（.xlsx）をダウンロードさせる処理のようです。

LWCを直接呼び出すアクションで正常動作を確認しており、上記Auraを呼び出すアクションを内部環境（サイトじゃない普通のSalesforce環境）で実行したところ、Excelファイルがダウンロードできました。

しかし、エクスペリエンスサイトから実行するとExcelファイルがダウンロードされません。

（いずれもシステム管理者で実行）

開発者コンソールを起動させていてもログが出力されないので、実行自体されていないのかもしれません。

エクスペリエンスサイトからこのLWCを実行するにはどうすればよいでしょうか。

私自信LWCに慣れていないのと直接実装に関わっていないこともあって、なるべくLWCには手を加えたくないと思っております。

以上、よろしくお願いいたします。

#LWC #Aura

Could anyone help me

#Javascript #Aura #Aura Component #Salesforce Developer #Salesforce Developers #Salesforce Development #Developer Forums 

Someone could help me understand what this function does, please?

    redirect: function (childComponent, pageReference, overrideUrl) {        
        if(this.isCommunityContext()){                       
            let url = this.buildCommunityUrl(pageReference);
            window.parent.location.href = url;
        }
        else{
            var self = this;
            const { closeTab, getEnclosingTabId, isConsoleNavigation, openSubtab } = childComponent.getSuper().find("workspace");
            isConsoleNavigation()
                .then(function (response) {
                    if (response === true) {
                        getEnclosingTabId().then(function (enclosingTabId) {
                            openSubtab({
                                pageReference: pageReference,
                                focus: true
                            }).then(function () {
                                closeTab({
                                    tabId: enclosingTabId
                                });
                            }).catch(function (error) {
                                console.log(error);
                            });
                        });
                    } else {
                        let navService = childComponent.getSuper().find("navService");
                        navService.navigate(pageReference, overrideUrl);
                    }
                }).catch(function (error) {
                    self.handleError(childComponent, error);
                });
        }
    },