问Salesforce -按一下按钮调用外部API并从响应中更新自定义字段。
EN

Stack Overflow用户

提问于 2020-08-11 10:16:47

回答 2查看 6.2K关注 0票数 3

因此，我首先要说，我是一个拥有丰富经验的C# .Net/Javascript开发人员，但我对Salesforce没有任何经验。今天以前从没见过。因此，另一个团队要求我向Contact对象添加一个自定义按钮，当单击该按钮时，该对象将调用外部API并使用响应更新联系人中的自定义字段。它被强调为“只要写一些Javascript，当一个按钮被点击时调用一个API，它实际上被嵌入到页面中，15分钟的任务.”。

在看上去相当过时的文档之后，我在Object中结束了，选择了Contact对象，我进入了按钮、链接和操作页面。在此之前，我假设使用执行Javascript行为，在闪电版本中，我被建议不要使用。因此，我在谷歌上读过很多关于APEX类、Visualforce组件、闪电组件、Salesforce REST等的文章。

本质上，要求是嵌入一个按钮(或操作，或.？)在此联系人页面中，以便当销售人员单击它时，它会收集联系人的一些详细信息，并使用它们形成对外部服务的API调用。数据将用于形成响应，然后必须读取(作为JSON，然后解析)并写入联系人上的自定义字段。

开发解决方案的最佳方法是什么？在Apex环境中，我已经将调用API和解析JSON响应的代码放在一起，假设我需要将其包装在Apex类中，并使用一个方法调用此代码并返回响应。我不确定的是如何从按钮调用这个，并更新联系人中的字段。我需要从Apex类方法中完成所有这些工作吗？传递对联系人的引用，或者是否有另一个组件需要处于中间并执行此操作。我是否正确地假设我需要使用Salesforce API来更新联系人？

任何指南针都会赏识。

salesforce

salesforce-lightning

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-08-11 23:32:12

哦天哪。它可以是一个15分钟的工作，但这绝对是“当你知道如何”或有一些例子；

你的用户界面是什么，经典还是闪电？他们有计划尽快迁移到闪电吗？我假设是闪电，如果你知道“执行JavaScript”的黑客是通过的。
，你关心按钮/动作会在哪里吗？右上角和所有其他按钮都很好，还是希望它在页面中的任何区域都可以下垂？
需要用户名、密码或证书吗？它将决定您是只需要在防火墙上白名单端点(安装Credentials).
Do ->远程站点设置)还是需要更高级的设置(安装->您有SFDX命令行，VSCode /是否决定安装一些工具？闪电网络组件是最前沿的，最圆滑的等等，但你不能直接在浏览器中创建它们(至少还没有)，你需要工具。Visualforce没有问题，但对于这个用例来说没有什么特别之处，Aura组件编写起来有点笨重--但是您可以在开发人员控制台中完成这两项任务，而不需要额外的tooling.
Parsing -- JSON响应--这取决于它有多复杂，您可以用JSON.deserializeUntyped()手工解析器，但是生命周期太短了。下面是一个很好的顶级代码生成器，类似于解析WSDL：https://json2apex.herokuapp.com/

我们试着用Aura组件的方法。很难看，LWC是未来，但是嘿，它会让你开始。

转到安装->远程站点设置并使用https://en.wikipedia.org/添加新条目

创建新的Apex类：

public with sharing class Stack63364119 {
    static final String endpoint = 'https://en.wikipedia.org/w/api.php?action=query&format=json&list=search&srsearch=';
    @AuraEnabled
    public static String doCallout(Id contactId){
        if(contactId == null){
            throw new MyException('Missing record id');
        }
        List<Contact> contacts = [SELECT MailingCountry FROM Contact WHERE Id = :contactId];
        if(contacts.isEmpty() || String.isBlank(contacts[0].MailingCountry)){
            throw new MyException('Could not find the contact');
        }
        Contact c = contacts[0];

        HttpRequest req = new HttpRequest();
        req.setEndpoint(endpoint + c.MailingCountry);
        req.setMethod('GET');

        HTTPResponse res = new Http().send(req);
        System.debug(res.getStatus());
        System.debug(res.getBody());
        // no special parsing, just chuck it into Description field
        // no error handling
        if(res.getStatusCode() == 200){
            c.Description = res.getBody().abbreviate(32000);
            update c;
        }
        return res.getBody();
    }
    public class MyException extends Exception{}
}

在开发人员控制台中创建新的“照明组件”(它将是Aura，而不是LWC)。您可以勾选最后一个关于“闪电快速行动”的复选框。名称可以与类相同，但不必如此。

对于组件(~ html部件)，粘贴以下内容

<!-- Loosely based on https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/controllers_server_actions_call.htm -->
<aura:component controller="Stack63364119" implements="force:hasRecordId,force:lightningQuickAction" >
    <!-- in the name of all that is holy do not name the JS function same as the Apex class function, it'll give you very cryptic errors to debug -->
    <aura:handler name="init" value="{!this}" action="{!c.runCallout}"/> 
</aura:component>

用于控制器(~ JavaScript)粘贴此

({
    runCallout : function(cmp) {
        let action = cmp.get('c.doCallout');
        action.setParams({contactId : cmp.get('v.recordId')});
        action.setCallback(this, function(response){
            let state = response.getState();
            if (state === "SUCCESS") {
                alert('Saved OK: ' + response.getReturnValue());
                $A.get("e.force:closeQuickAction").fire(); // if you want to self-close
            } else if (state === "ERROR") {
                var errors = response.getError();
                if (errors) {
                    if (errors[0] && errors[0].message) {
                        console.log("Error message: " + errors[0].message);
                    }
                } else {
                    console.log("Unknown error");
                }
            }
        });
        $A.enqueueAction(action);
    }
})

最后，go对象管理器、->联系人、->按钮、链接和操作。创建新的快速操作。并将其添加到页面布局中！

它应该会让你开始。也许你会决定把它分割一下，Apex只会做标注，将结果返回给UI，如果用户很高兴--更新联系人可以使用其中的一个：https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/data_service_save_record.htm。分离关注点之类的(但是用户会对2次点击感到满意)。

如果你调整它，它就死了，但是很难看到任何JavaScript错误--因为默认情况下是在发布模式下运行，SF重写了你的源代码，优化了，填充了“浏览器”，比如IE11.转到安装->调试模式并为您的用户启用。

在sandbox / dev org中，最好设置->会话设置->并取消“启用安全和持久的浏览器缓存以提高性能”。你的组件总是新鲜的，省去了一些疯狂的打击Ctrl+R。

票数 3

Stack Overflow用户

发布于 2020-08-11 15:50:58

我会写信给你我的方法

按钮在记录页/页面布局、->照明组件或flow -> Apex类中收集数据，->顶级类请求和响应API(不要忘记将端点添加到远程站点设置)->解析响应和更新联系人(您可以在->中使用查询和DML操作)

照明组件，它将非常简单，只是有一个顶点类作为控制器的例子。

<aura:component implements="force:appHostable,lightning:isUrlAddressable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" controller="contactController" access="global" >

<aura:handler name="init" value="{!this}" action="{!c.fetchContact}"/>
</aura:component>

控制器

({
fetchContact : function(component, event, helper) {
    helper.fetchContactHelper(component, event, helper);
    
}
})

辅助对象

({
fetchAccHelper : function(component, event, helper) {
    var action = component.get("c.fetchContacts");
    action.setParams({
    });
    action.setCallback(this, function(response){
        var state = response.getState();
        if (state === "SUCCESS") {
        }
    });
    $A.enqueueAction(action);
}
})