#Javascript0 personne en discute

Hey Fellow Trailblazers,

I'm asking for advice on certs based on my org, experience and certification. I'm curious about these certifications Solutions Architect, MuleSoft Developer 1, PD2, and JavaScript Developer 1. I already have my PD1 and Platform App Builder Certs. I got them around a year into developing. I'm a little over 2 years of experience now. I'm ok with architecting or developing I currently do both.

Consideration/parameters for my next cert 

- What is most desirable (gets you employed the quickest)

- which is most lucrative (gets you the higher paying job or promotion)

- Which is most beneficial for my current experience and org

- Which certification translates best outside of the Salesforce ecosystem 

Org Overview

- B2B commerce managed package 

- Org relies entirely on MuleSoft for data (Records are well into the millions)

- Custom Scheduled Product Indexing and other custom scheduled Batchable apex classes

- Org relies on complex Sync/async transactions at runtime on the storefront to populate product pricing, deals and entitlements 

- completely custom experience site built off OOTB B2B Classic

- Tons of Extension classes built off B2B Classic including search and filter features

- 5K plus Accounts and climbing 

- Recent integration of Google Tag Manager and Google Analytics

Background/Experience/Development

- Recently architected and implemented completely custom Google Tag Manager use JS described below and frameworks

- Areas/features of expertise inside the ecosystem Experience Site, integrations (through B2B Classic APIS, APEX & Connected Apps both inbound and outbound) and the Salesforce the CRM

- Responsible for end-end architecting and development using languages mentioned below

- architecting/technical guidance with integrations to our ERP, Delta Service , and MuleSoft Anypoint platform

www.linkedin.com/in/brandon-radford-uwb1b4a21195 

Languages

-  JS (backbone, handlebar, underscore, and pubsub)

- Salesforce Languages Advanced Apex, VF, Lightning(Aura & LWC) & most declarative features

#Lightning Aura Component #Javascript

I have tried going on the LWC route but there is no functionality like overlay library.

I have solved this issue using $A.createcomponent. But I am facing a bug **while clicking the button for the second time**.

I am calling this inside the aura component I have put inside the Utility bar window.

<lightning:overlayLibrary aura:id="overlayLib"/>

There is a button inside utility window that triggers this js function:

openFlowOverlay: function (component, event, helper) {
        $A.createComponent(
            "lightning:flow",
            {
                "aura:id": "dynamicFlow",
            },
            function (newFlow, status, errorMessage) {
                var overlayLib = component.find("overlayLib");
                var flowName = "ABC_FLOW";
                var flow = component.find("dynamicFlow");
                if (status === "SUCCESS") {
                    var flowConfig = {
                        header: "ABC FLOW",
                        body: newFlow,
                        showCloseButton: true,
                        cssClass: "slds-modal_large",
                        closeCallback: function () {
                        }
                    };
                    overlayLib.showCustomModal(flowConfig)
                    .then(function(){
                        flow.startFlow(flowName);
                    });
                } else {
                    console.error("Error creating Flow component: " + errorMessage);
                }
            }
        );
    }

When I open the utility bar and open it and click the button it's running fine. But when I close and try to click the button again I get this error.

So basically the component cannot find the flow in the DOM when it is running for# the second time.

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

少々特殊な環境下で動作するVFページを実装しています。

動作環境の都合でJavascriptから値を取得する必要があり、Remote Actionを使用しました。

Apexでひとしきり処理を実行し、実行結果を文字列で返してalert()で出力したいと思っています。

検索やCopilotなどの助けを借りて下記JavascriptコードをVFに埋め込みました。

function method1(method){
    // 環境特有の処理
    method002(param1, param2).then(function(result){
        alert(result);
    }).catch(function(event){
        alert(event.message);
    });
}
function method2(param1, param2){
    alert('No.1');
    return new Promise(function(resolve, reject){
        Visualforce.remoting.Manager.invokeAction(
            '{!$RemoteAction.VisualforcePageController.apexRemoteActionMethod}', 
            param1, 
            param2, 
            function(result, event){
                alert('No.2');
                if (event.status) {
                    alert('No.3-1');
                    resolve(result);
                } else {
                    alert('No.3-2');
                    reject(event);
                }
            },
            { buffer: true, escape: true, timeout: 30000 }
        );
    });
}

この状態でmethod1を実行したところalertが出力されるのですが、No.1のみ出力される場合とNo.3-1まで出力される場合が感覚ランダムで発生します。

Apex側に問題はなく、No.1のみの場合もNo.3-1まで実行された場合も想定されたメッセージが返されていることは確認できています。

No.3-1まで必ず実行できるようにするにはどうすればよいでしょうか。

また、このVFページにはapex:selectRadioが配置してあります（選択した値は別のJavascriptメソッド・変数経由でmethod2のparam2に入ります）。

method1実行後、画面上ではラジオボタンの選択がされたままなものの選択された値そのものは空、という状況になっております。

こちらの解消もしたいと思っているので、ご教示いただければと思います。

<apex:page controller="VisualforcePageController" standardStylesheets="true">
    <apex:includeScript value="{!$Resource.JavascriptFile}"/>
    <script>
        var selectedValue = '';
        function selectValue(value){
            selectedValue = value;
        }
    </script>
    <apex:outputPanel layout="block" style="">
        <apex:form >
            <apex:pageBlock >
                <apex:pageBlockSection collapsible="false" columns="1">
                    <apex:selectRadio onchange="selectValue(this.value)" layout="pageDirection">
                        <apex:selectOptions value="{!selectList}"/>
                    </apex:selectRadio>
                    <apex:commandButton onclick="method1();" value="実行"/>
                </apex:pageBlockSection>
            </apex:pageBlock>
        </apex:form>
    </apex:outputPanel>
</apex:page>

Use Third-Party Libraries and Frameworks in Salesforce

Do you have existing third-party code that you would like to move to Salesforce? Join this session to learn about the flexibility of the platform in terms of third-party frameworks and libraries.

Join me for a session where I'll tell a story about web apps and sharing code inside our awesome community of developers.

This is a theater session at Moscone West, Trailblazer Forest, Delevoper Theather and is scheduled for 14th of September, 9:00 AM - 9:20 AM PST.

Feel free to connect: LinkedIn

Slides (coming soon)

Resources:

Use Third-Party JavaScript Libraries

Node Package Manager

Repository with examples

#LWC #Component Library #LWC Framework #Salesforce Developer #Javascript Code #Javascript