使用自定义 Lightning 组件

学习目标

完成本单元后，您将能够：

• 安装自定义 Lightning 组件
  
• 使用您的移动设备在 Salesforce 移动应用程序中预览您的应用程序
  

备注

用中文（简体）学习？在中文（简体）Trailhead Playground 中开始挑战，用括号中提供的译文完成挑战。仅复制并粘贴英文值，因为挑战验证基于英文数据。如果在中文（简体）组织中没有成功通过挑战，我们建议您 (1) 将区域设置切换为美国，(2) 按此处说明将语言切换为英文，(3) 再次单击“检查挑战”按钮。

查看 Trailhead 本地化语言徽章详细了解如何利用 Trailhead 译文。

辅助功能

本单元需要对屏幕阅读器使用者的额外指示。要访问本单元的详细屏幕阅读器版本，请点击以下链接：

打开 Trailhead 屏幕阅读器指示

Lightning 应用程序生成器中的自定义 Lightning 组件

创建自定义 Lightning 组件需要掌握编程技能。或者，您可以从 AppExchange 安装现有的 Lightning 组件。

指点单击式管理员，您是可以学习这个单元的！我们将为您提供一个已配置好的自定义组件。所以，不用担心。您不需要具备编程技能就可以获得这个徽章。

您可以使用 Lightning Web 组件来创建自定义 Lightning 组件。请参阅模块 Lightning Web 组件基础知识。

在您的组织中配置为在 Lightning 应用程序生成器中使用的自定义组件将显示在 Lightning 组件窗格中。

您的自定义 Lightning 组件不会自动在 Lightning 页面上或在 Lightning 应用程序生成器中起作用。要使自定义组件在这两者中都可用，您需要配置组件及组件捆绑包，以使它们与 Lightning 应用程序生成器和 Lightning 页面兼容。详情请参阅 Lightning Web 组件开发人员指南。

我们为此模块提供的自定义组件已经针对 Lightning 应用程序生成器进行了配置。

安装自定义 Lightning 组件

您提供了一个自定义的业务机会报警 Lightning 组件，您可以将其添加到 Lightning 页面中。现在把它安装到您的组织中。

进入任何一个有实践挑战的单元，滚动到页面底部，然后单击启动，即可启动您的 Trailhead Playground。如果在组织中看到标有“安装软件包”的选项卡，那就太好了。请按照下面的步骤操作。

如果没有，单击“应用程序启动器”图标以启动应用程序启动器，然后单击 Playground Starter 并继续后续步骤。如果您没有看到 Playground Starter 应用程序，请复制这个软件包安装链接，并查看 Salesforce 帮助中的安装软件包或应用程序以完成 Trailhead 挑战。

1. 单击安装软件包选项卡。
   
2. 将 04t2E00000161fSQAQ 粘贴到相应字段中。
   
3. 单击安装。
   
4. 选择仅为管理员安装，之后单击安装。
   

安装完成后，该将组件添加到页面中了。

将自定义 Lightning 组件添加至您的应用程序页面

1. 从 Setup（设置）中，在 Quick Find（快速查找）框中输入 App Builder（应用程序生成器），然后单击 Lightning App Builder（Lightning 应用程序生成器）。
   
2. 单击您在上一单元中创建的“重要客户和业务机会”页面旁边的编辑。
   
3. 在“列表视图”组件上方添加“业务机会报警”组件。
   
4. 在属性窗格中，将 Days Since Last Modified（自上次修改以来的天数）更改为 6。
   您有没有注意到组件内的文本已经根据新的字段值进行了更改？
   
5. 取消选择 Has Open Tasks（有未处理的任务），然后单击保存。
   

因为您之前已经激活了该页面，所以不必再次激活。

好了！您所做的更改将立即在 Lightning Experience 和移动应用程序中生效。接下来，看看这个页面现在变成了什么样子。

测试自定义组件

首先在 Salesforce 移动应用程序中查看它。

1. 在移动设备上打开该应用程序。
   
2. 如有必要，请使用您的 Trailhead Playground 凭据登录。
   
3. 转到销售应用程序中的“重要客户和业务机会”页面，向下滚动页面，直到看到新组件。您可能需要刷新屏幕才能看到所做的更改。 
   

返回您的组织，查看 Lightning Experience 中的 Top Accounts and Opportunities（重要客户和业务机会）页面。因为您使用“两列”模板创建了该页面，所以当您在台式机或平板电脑上查看时，它采用双列格式。

恭喜！您使用 Lightning 应用程序生成器创建了一个应用程序页面，对您的 Lightning Experience 主页进行了个性化设置，并自定义了 Lightning Experience 记录页面。

您现在已经掌握了使 Salesforce 移动应用程序和 Lightning Experience 更方便、更强大的技能，以更好地满足用户的需求。继续使用并进行自定义吧！

资源

• Lightning Web Component 开发人员指南
• Lightning Web 组件开发人员指南：为 Lightning 应用程序生成器配置组件
• Salesforce 帮助：自定义 Lightning 页面组件