Adding a Card to an Alexa Skill

1. Initialize the ASK CLI:

   ask init --no-browser
   

2. Copy/paste the URL that appears from the terminal to a browser window.

3. Log in to the developer console when prompted.

4. Copy/paste the authorization code.

5. Enter y for Yes to connect to the AWS account already set up on the VM.

6. Choose the default AWS account.

1. Clone the template skill:

   ask new --url https://github.com/linuxacademy/content-aws-skill-builder.git
   

2. Navigate into the directory:

   cd content-aws-skill-builder
   

3. To start with a template and perform the tasks for this lab yourself:

   git checkout lab_cards
   

4. To start with the solution to the lab:

   git checkout lab_cards_solution
   

1. In ../lambda/custom/index.js, add withSimpleCard to LaunchRequestHandler:

     const LaunchRequestHandler = {
         canHandle(handlerInput) {
             return Alexa.getRequestType(handlerInput.requestEnvelope) === 'LaunchRequest';
         },
         handle(handlerInput) {
             const speakOutput = "Exclusive Veterinary Services welcomes you. You can say I want to register my pet.";
   
             return handlerInput.responseBuilder
                 .speak(speakOutput)
                 .reprompt(speakOutput)
                 .withSimpleCard('Exclusive Vet Services', 'We are here for your fur-baby.')
                 .getResponse();
         }
     };
   

1. Deploy the skill:

   ask deploy 
   

2. Go to your Amazon Alexa Developer Console.

3. Click on the exclusive-vet-services skill to open it.

4. Near the top, click on the Test tab.

5. Use the microphone option to say "open exclusive vet".

6. Check the screen simulation at the bottom of screen for accuracy.

Please note that sometimes the last bit of the screen is cut off in the display. If you retest it, it should show up fine. Seems to be a bug in the developer console, but Amazon says cards should be tested with the phone app.

At this point, the skill you just created should be deleted from your Alexa Developer Console.

Please do so at this link: Alexa Developer Console.