Create a Server-side Apex Controller Class

This module is intended for Admins who support legacy Aura components. Lightning Web Components is the preferred way to build UI with Salesforce. Head over to the Migrate from Aura to Lightning Web Components trail to learn how to use LWC and comply with current web standards.

Introduction

The Lightning Component framework is a UI framework for developing dynamic web apps for mobile and desktop devices.

In this Quick Start, you'll create a simple Lightning Component that renders a list of Contacts from your org. You'll start by creating an Apex controller class, then create a Lightning Component and an event handler and finally render the list of Contacts in the component.

Follow Along with Trail Together

Want to follow along with an expert as you work through this step? Take a look at this video, part of the Trail Together series.

Build an Apex Controller

Create a class to access data from Contacts.

1. In your Trailhead Playground, click the setup gear and select Developer Console.
   
2. Select File | New | Apex Class.
   
3. For the class name, enter MyContactListController and then click OK.
   
4. In the body of the class (i.e. between the {} braces), enter the following code Tip: You can copy and paste any code snippet from Trailhead by clicking Copy in the top right corner.
   

   @AuraEnabled
   public static List<Contact> getContacts(Id recordId) {
      return [SELECT Id, FirstName, LastName, Email, Phone FROM Contact WHERE AccountId = :recordId];
   }

   Apex methods designated @AuraEnabled are able to be called from a Lightning component.
   
5. Select File | Save.