的Salesforce开发人员经验(DX)是一组简化整个开发生命周期的工具。它改进了团队开发和协作,促进了自动化测试和持续集成,并使发布周期更加高效和敏捷。
在本博客中,我们将了解为什么以及如何在本地机器上设置Salesforce环境,并学习使用它。
为什么我们需要Salesforce DX环境?
在发明之前闪电Web组件在美国,我们能够使用开发人员控制台创建Apex编程组件,如Trigger、VisualForce和Lightning Pages。但是开发人员控制台没有创建闪电Web组件的功能。除了这些限制之外,开发者控制台还有以下其他限制:
- 无法使用自动完成功能
- 每次保存后,它都会命中API请求
- 当你打开更多的Apex类、lightning组件等时,在开发控制台从一个选项卡移动到另一个选项卡有点困难。
- LWC开发不可能在开发人员控制台上进行
Salesforce DX的优势
- 它有助于改善团队协作和开发
- 它使发布周期过程更加敏捷和高效
- 它允许开发人员使用任何工具来修改代码,如CLI、VIM、Sublime、Atom等。
- 便于对代码进行自动化测试,并支持持续集成
- 需要为开发人员提供本地开发设置以获得实际经验
Salesforce DX的组件:
- VS代码:Visual Studio Code是Salesforce开发人员的首选代码编辑器。它是免费的、开源的,适用于Windows、Linux和macOS。该编辑器具有易于安装的扩展,用于语法高亮显示、代码完成等。
- Salesforce CLI(命令行接口):Salesforce CLI是一个功能强大的命令行界面,可以在使用Salesforce组织时简化开发和构建自动化。使用它来聚合您开发所需的所有工具,并针对Salesforce组织执行命令。从零到组织同步源代码。
- VS Code中的扩展:Visual Studio Code包括的开箱即用的特性只是一个开始。VS Code扩展允许您在安装中添加语言、调试器和工具,以支持您的开发工作流程。VS Code丰富的可扩展性模型允许扩展作者直接插入VS Code UI,并通过VS Code使用的相同api贡献功能。Salesforce扩展包包含用于在Salesforce平台上开发的轻量级、可扩展的VS Code编辑器。这些工具提供了与开发组织(scratch组织、沙盒和DE组织)、Apex、Aura组件和Visualforce一起工作的特性。
我们要做什么
- 设置SFDX环境
- 设置VS代码环境
- 用VS Code安装Salesforce DX
- 使用VS Code授权从org检索org和在org中部署org
设置SFDX环境
步骤1:使用下面的链接安装CLI
macOS:https://sfdc.co/sfdx_cli_osx
Windows 32位:https://sfdc.co/sfdx_cli_win
Windows 64位:https://sfdc.co/sfdx_cli_win64
Debian / Ubuntu 64:https://sfdc.co/sfdx_cli_linux
- 从清单中的一个url下载存档,提取存档,然后运行./install脚本
Debian / Ubuntu x86:https://sfdc.co/sfdx_cli_linux_x86
- 从清单中的一个url下载存档,提取存档,然后运行./install脚本
步骤2:开始安装Windows
步骤3:选择安装路径
步骤4:等待安装完成
一)
b)
步骤5:从CMD检查版本并确认SFDX安装。
使用“sfdx - version“版本和”sfdx,用于安装确认。(注意:打开命令提示符就是使用搜索。在任务栏的搜索字段中,输入命令或cmd.然后,单击或轻按命令提示符结果。)
一)
b)
步骤6:输入命令"SFDX force -help,以了解它的使用中可用的不同命令。
第七步:确认已安装sfdx插件,请使用“sfdx插件”命令。
第八步:如果未安装sfdx插件,则执行以下命令:"SFDX插件:安装salesforcedx@pre-release”。
步骤9:再次使用以下命令进行验证:"sfdx插件”。
这样,我们就可以在Windows环境中完成SFDX的安装。现在,让我们设置VS代码。
设置VS代码环境
如果你的机器上已经安装了VS Code,那么你可以忽略这些步骤,或者执行下面的步骤。
步骤1:从以下网址下载并安装VS Code设置:https://code.visualstudio.com
步骤2:安装VS Code
一)
b)
c)
d)
e)
f)
g)
h)
我)
通过这种方式,我们可以在你的系统上安装VS Code。
用VS Code安装Salesforce DX
步骤1:要在VS Code中安装salesforce,首先安装“Salesforce扩展包”。
步骤2:要在VS Code中使用闪电Web组件,首先你需要安装“Lightning Web组件”。
这些是在您的系统上设置和配置Salesforce DX所需的步骤。
通过命令面板创建Salesforce DX项目
- 在Visual Studio Code中,通过按打开命令面板Ctrl + Shift + P在Windows或Cmd + Shift + P在macOS
- 类型SFDX
- 选择创建项目
- 输入HelloWorldLightningWebComponent作为项目名
- 新闻输入
- 选择一个文件夹来存储项目
- 点击创建项目.你应该看到这样的东西作为你的基本设置:
通过命令面板授权您的非devhub组织
- 在Visual Studio Code中,通过按打开命令面板Ctrl + Shift + P在Windows或Cmd + Shift + P在macOS
- 类型SFDX
- 选择SFDX:授权一个组织
- 选择相应的登录选项。选择login.salesforce.com登录到您的开发人员组织或选择test.salesforce.com登录到沙箱。您也可以使用自定义域URL登录。
- 使用你的组织登录。
- 如果提示允许访问,单击允许
- 在浏览器中进行身份验证后,CLI会记住您的凭据。成功信息应该是这样的:
通过命令面板创建一个闪电Web组件
- 在Visual Studio Code中,通过按打开命令面板Ctrl + Shift + P在Windows或Cmd + Shift + P在macOS
- 类型SFDX
- 选择SFDX:创建闪电Web组件
- 新闻输入接受默认的force-app/main/default/lwc
- 输入所需的名称作为新组件的名称
- 新闻输入
- 在Visual Studio Code中查看新创建的文件
将组件部署到组织
- 在Visual Studio代码中,选择默认的项目或所选组件中的文件夹
- 右键单击;您将看到一个选项SFDX:将源代码部署到org.选择它。
部署成功后,您将在终端中看到以下消息:
注:
- 确保您已经安装了Java 8或Java 11,并在您的系统上配置了路径。
- 如果您无法检索或部署组件,那么您将得到“UNSUPPORTED_API_VERSION: URL指定的Api版本无效消息,然后执行以下命令:"sfdx force:config:set apiVersion=48.0,并选择其中的前一个版本。
这篇博客的主要目的是为您提供一个概述和简单的方法,使用VS Code在系统上配置Salesforce DX。在这个新DX的帮助下,我们可以创建Salesforce应用程序组件,如LWC组件、照明组件或Salesforce组织中的任何开发。
要了解有关Salesforce开发人员工具的更多信息,请单击在这里.
访问我们的Salesforce页面了解更多关于Perficient与Salesforce的合作伙伴关系以及我们在该平台上的能力。