Giter VIP home page Giter VIP logo

alexa-typescript-starter's Introduction

Build Status codecov

Alexa Skill starter project using AWS Lambda and Typescript

This is a simple starter project for Alexa skills using Typescript.

What is included in the project

  • Default request handlers
Name
LaunchRequest
SessionEndedRequest
System.ExceptionEncountered
AMAZON.HelpIntent
AMAZON.StopIntent and AMAZON.CancelIntent
AMAZON.FallbackIntent
  • Extra handlers
Name Description
HelloWorld Triggered when the user says "hello", will answer back with "hello".
Debug Can be placed at the beginning of the request handlers stack and it will print the handlerInput. Useful for debugging.
  • Error handlers
Name Description
Unexpected Catches ErrorTypes.Unexpected, which should be thrown when...something unexpected happens. It will tell the user something unexpected happend, and to try again later.
Unknown Catches all other errors. It will tell the user it didn't understand the command, and to try saying it again (doesn't end session).
  • Request interceptors
Name Description
Localization Adds i18next localization functions to the RequestAttributes.
Slots Parses the slot values, adds additional useful information to them (e.g. if it was an exact match, or if it's ambiguous etc.), and adds them to the RequestAttributes. Check the GetSlotValues function inside lambda/custom/lib/helpers.ts for more details.
  • Localization strings

Check lambda/custom/lib/strings.ts.

  • Constants

Including the String keys, so you can have type safety everywhere.

Check lambda/custom/lib/constants.ts.

  • Helper functions

Many helper functions which should reduce code duplication, and reduce the code needed to do common tasks.

Check lambda/custom/lib/helpers.ts.

  • Local development

Contains an http server using express, which you can use with ngrok or servo.net during local development. Check the Local development section below for more details.

  • Scripts

There are a few scripts inside package.json for building and deploying your lambda function using the ask-cli. Check the Developer tasks section below for more details.

  • Tests

The project contains automated tests using jest. Check the __tests__ folder.

$ npm run test

If you want to include code coverage, run

$ npm run test:coverage

You can also start jest in watch mode:

$ npm run test:watch
  • Travis CI and Codecov integrations

Pre-requisites

Installation

  • Install the dependencies
$ npm install

Deployment

ASK CLI will create the skill and the Lambda function for you. The Lambda function will be created in us-east-1 (Northern Virginia) by default.

  1. Navigate to the project's root directory. you should see a file named 'skill.json' there.

  2. Deploy the skill and the Lambda function in one step by running the following command:

$ ask deploy

Local development

In order to develop locally and see your changes reflected instantly, you will need to create an SSH tunnel or expose somehow your local development server. There are several services that allow you to do this, for example ngrok or serveo.net.

Using servo.net

This is the easiest to setup

  1. You need to have an SSH client installed, then simply run
$ ssh -R 80:localhost:3980 serveo.net
Forwarding HTTP traffic from [https://YOUR_URL]
Press g to start a GUI session and ctrl-c to quit.
  1. Once you see the URL, copy it and go to your Skill console.

  2. Open the Endpoint menu and select HTTPS

  3. Under Default Region paste the previous URL you copied.

  4. On the select box choose: My development endpoint is a sub-domain of a domain that has a wildcard certificate from a certificate authority.

  5. You are done! Just run npm start to start the local server and begin testing the skill.

Using ngrok.io

  1. Install ngrok

  2. Run ngrok http 3980

  3. Copy the URL and follow the same steps above from 3 to 6.

Developer tasks

Command Description
clean Deletes the dist folder
build Builds the lambda function and exports it to the dist folder
deploy Builds the lambda function and deploys EVERYTHING (skill, model, lambda)
deploy:lambda Builds the lambda function and deploys it (just the lambda function)
deploy:local Deploys the skill details for the local profile, which will update the HTTPS endpoint
start Starts the local express server using nodemon for local development

To see the actual commands, check package.json.

Also check the ASK CLI Command Reference for more details on using the ASK CLI.

Testing

Taken from the official hello world project.

  1. To test, you need to login to Alexa Developer Console, and enable the "Test" switch on your skill from the "Test" Tab.

  2. Simulate verbal interaction with your skill through the command line (this might take a few moments) using the following example:

     $ ask simulate -l en-US -t "open greeter"
    
     ✓ Simulation created for simulation id: 4a7a9ed8-94b2-40c0-b3bd-fb63d9887fa7
    ◡ Waiting for simulation response{
      "status": "SUCCESSFUL",
      ...
  3. Once the "Test" switch is enabled, your skill can be tested on devices associated with the developer account as well. Speak to Alexa from any enabled device, from your browser at echosim.io, or through your Amazon Mobile App and say :

    Alexa, start hello world
    

Customization

Taken from the official hello world project.

  1. ./skill.json

    Change the skill name, example phrase, icons, testing instructions etc ...

    Remember than many information are locale-specific and must be changed for each locale (e.g. en-US, en-GB, de-DE, etc.)

    See the Skill Manifest Documentation for more information.

  2. ./lambda/custom/index.ts

    Modify messages, and data from the source code to customize the skill.

  3. ./models/*.json

    Change the model definition to replace the invocation name and the sample phrase for each intent. Repeat the operation for each locale you are planning to support.

  4. Remember to re-deploy your skill and Lambda function for your changes to take effect.

    $ npm run deploy

License

Open sourced under the MIT license.

alexa-typescript-starter's People

Contributors

aurelienbouteiller avatar rgstephens avatar xzya avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.