DEV Community

Cover image for How To Manage Your Alexa Skills With Serverless
We're Serverless! for Serverless Inc.

Posted on • Originally published at serverless.com

How To Manage Your Alexa Skills With Serverless

Originally posted at Serverless on January 8th, 2018

Masashi here, creator of the Serverless Alexa plug-in.

Serverless and IoT go hand in hand, and it’s easy to use the Serverless Framework to develop AWS Lambda functions for Alexa Skills.

Unfortunately, you can’t control Alexa Skills with the Framework, which was a bummer to me because I found the Alexa Skills Kit webapp and ask-cli didn’t have the simplicity I’d come to love with the Serverless Framework.

But! Luckily, the Serverless Framework has a great plugin system. I decided to solve this little problem with the power of the community!

The Serverless Alexa Skills Plugin lets you integrate Alexa Skills into the Serverless Framework. We can now control the manifest and interaction model of Alexa Skills using sls command and serverless.yml!

Installation

The plugin is hosted by npm:

$ npm install -g serverless
$ sls plugin install -n serverless-alexa-skills
Enter fullscreen mode Exit fullscreen mode

Get your credentials

Login with Amazon is an OAuth2.0 single sign-on (SSO) system using your Amazon.com account.

To get your credentials, log in to the Amazon Developer Console, go to Login with Amazon from APPS & SERVICES, and then Create a New Security Profile:

For following columns, you can enter whatever you like:

Go to the Web Settings of the new security profile:

Allowed Origins can be empty. Enter http://localhost:3000 in Allowed Return URLs. This port number can be changed with serverless.yml, so if you want to change this, please do so:

Remember your Client ID and Client Secret of the new security profile, as well as Vendor ID. You can check your Vendor ID at here.

You only need to do this process once. You can continue to use the same credentials as long as you use the same account.

The troublesome browser click-work is over! 👏 Let’s move on to the sls command.

Put your credentials into the Framework

Write the Client ID, Client Secret, and Vendor ID to serverless.yml. It is good to use environment variables as it is shown below.

Change the port number with Allowed Return URLs of Login with Amazon, add localServerPort, and write the port number:



Then, execute the following command:

$ sls alexa auth
Enter fullscreen mode Exit fullscreen mode

This command opens the login page of Amazon.com in your browser. You will be redirected to localhost:3000 after authenticating. If the authentication is successful, you'll see the message: "Thank you for using Serverless Alexa Skills Plugin!!".

note: The security token expires in 1 hour. Therefore, if an authentication error occurs, please re-execute the command. I’m planning to implement automatic token refreshing in the future.

Let’s make a skill!

To start, execute the following command:

$ sls alexa create --name $YOUR_SKILL_NAME --locale $YOUR_SKILL_LOCALE --type $YOUR_SKILL_TYPE
Enter fullscreen mode Exit fullscreen mode

These are descriptions of the options:

  • name: Name of the skill

  • locale: Locale of the skill (en-US for English, ja-JP for Japanese and so on)

  • type: Type of the skill (custom or smartHome or video)

A manifest is initially set for the skill. You can check the manifest with the following command:



Copy [Skill ID] and [Skill Manifest] and paste it to serverless.yml as below.



Execute the following command to update the manifest after updating your serverless.yml (or you can use the --dryRun option to check the difference between the local setting and the remote setting without updating):

$ sls alexa update
Enter fullscreen mode Exit fullscreen mode

You can see the format of the manifest here.

Building the interaction model

The skill does not have an interaction model at first, so you’ll need to write an interaction model definition to serverless.yml.

Like this!



You can see the format of the interaction model here.

Execute the following command to build the model after updating your serverless.yml (and you can also use the --dryRun option with this command):

$ sls alexa build
Enter fullscreen mode Exit fullscreen mode

Then, you can check the model like so:



There are a few more steps needed in order to completely publish skills, so I’m planning to do further integrations with the Alexa Skills Kit in the future. It’s still pretty great to be able to integrate manifests and models, since we update those many times as we develop. All the better if we can manage them with the source code of our Lambda functions!

Now, we can completely manage our Lambda Functions and Alexa Skills with Serverless Framework + Serverless Alexa Skills Plugin!

If you have any comments or feedback, please create an issue or send a pull request. I always welcome them 🍻

Originally published at https://www.serverless.com.

Discussion (0)