{"id":7399,"date":"2021-04-28T15:26:23","date_gmt":"2021-04-28T13:26:23","guid":{"rendered":"http:\/\/www.unimedia.tech.mialias.net\/tiempo-real-con-serverless-usando-websocket-en-aws\/"},"modified":"2023-12-21T10:32:18","modified_gmt":"2023-12-21T09:32:18","slug":"tiempo-real-con-serverless-usando-websocket-en-aws","status":"publish","type":"post","link":"https:\/\/www.unimedia.tech\/es\/tiempo-real-con-serverless-usando-websocket-en-aws\/","title":{"rendered":"Tiempo real con serverless usando Websocket en AWS"},"content":{"rendered":"\n

Hola a todos, As\u00ed que hoy vamos a discutir sobre la implementaci\u00f3n de websocket con serverless mediante el uso de Node.js con Typescript para la comunicaci\u00f3n en tiempo real.<\/p>\n\n

<\/p>\n\n

Si intenta buscarlo en Internet, encontrar\u00e1 fragmentos de detalles de aplicaci\u00f3n <\/a>, pero no hay nada concreto. As\u00ed que, aqu\u00ed estoy construyendo un ecosistema websocket completo con todo el c\u00f3digo y detalles de configuraci\u00f3n.<\/p>\n\n

<\/p>\n\n

Para el desarrollo<\/a>, necesita tener serverless<\/strong><\/code>, npm<\/strong><\/code> y\/o yarn<\/strong><\/code> instalados globalmente. Vea c\u00f3mo instalar YARN<\/a> y NPM<\/a>. Tambi\u00e9n prefiero usar NVM<\/a> para gestionar mis versiones de Node.<\/p>\n\n

<\/p>\n\n

Desarrollo<\/h2>\n\n

<\/p>\n\n

Paso 1. Configurar AWS<\/h3>\n\n

Configurar AWS CLI si a\u00fan no lo ha hecho, hay un art\u00edculo muy bueno aqu\u00ed en crear y configurar las credenciales de AWS<\/a>. A continuaci\u00f3n, tenemos que configurar nuestra aplicaci\u00f3n.<\/p>\n\n

<\/p>\n\n

<\/p>\n\n

Segundo paso. Configurar proyecto<\/h3>\n\n

Crear y configurar un proyecto serverless con typescript:<\/p>\n\n

$ sls create --template aws-nodejs-typescript --path <PROJECT-NAME><\/code><\/pre>\n\n
Donde <PROJECT-NAME><\/strong><\/code> es el nombre de su proyecto.<\/p>\n\n
Esto genera un serverless boilerplate para nuestra aplicaci\u00f3n. A continuaci\u00f3n, tenemos que navegar a nuestro nuevo proyecto cd <PROJECT-NAME><\/code>e instalar nuestras dependencias ejecutando yarn install<\/strong><\/code>.<\/p>\n\n
Los archivos m\u00e1s importantes que actualizaremos a medida que desarrollemos nuestra aplicaci\u00f3n son handler.ts<\/strong><\/code> y serverless.ts<\/strong><\/code>. El archivo handler.ts<\/strong><\/code> maneja nuestras funciones lambda o referencias a nuestras funciones lambda. Deber\u00eda verse as\u00ed:<\/p>\n\n
import { APIGatewayProxyHandler } from 'aws-lambda';\nimport 'source-map-support\/register';\n\nexport const hello: APIGatewayProxyHandler = async (event, _context) => {\n  return {\n    statusCode: 200,\n    body: JSON.stringify({\n      message: 'Go Serverless Webpack (Typescript) v1.0! Your function executed successfully!',\n      input: event,\n    }, null, 2),\n  };\n}<\/code><\/pre>\n\n
<\/p>\n\n
<\/p>\n\n
El archivo serverless.ts nos proporciona una plantilla para modelar y aprovisionar los recursos de nuestra aplicaci\u00f3n para AWS CloudFormation tratando la infraestructura como c\u00f3digo. Esto nos ayuda a crear, actualizar e incluso eliminar recursos f\u00e1cilmente. Deber\u00eda verse as\u00ed:<\/p>\n\n
import type { Serverless } from 'serverless\/aws';\n\nconst serverlessConfiguration: Serverless = {\n  service: {\n    name: 'serverless-websocket-ts',\n    \/\/ app and org for use with dashboard.serverless.com\n    \/\/ app: your-app-name,\n    \/\/ org: your-org-name,\n  },\n  frameworkVersion: '>=1.72.0',\n  custom: {\n    webpack: {\n      webpackConfig: '.\/webpack.config.js',\n      includeModules: true\n    }\n  },\n  \/\/ Add the serverless-webpack plugin\n  plugins: ['serverless-webpack'],\n  provider: {\n    name: 'aws',\n    runtime: 'nodejs12.x',\n    apiGateway: {\n      minimumCompressionSize: 1024,\n    },\n    environment: {\n      AWS_NODEJS_CONNECTION_REUSE_ENABLED: '1',\n    },\n  },\n  functions: {\n    hello: {\n      handler: 'handler.hello',\n      events: [\n        {\n          http: {\n            method: 'get',\n            path: 'hello',\n          }\n        }\n      ]\n    }\n  }\n}\n\nmodule.exports = serverlessConfiguration;<\/code><\/pre>\n\n
<\/p>\n\n
Adem\u00e1s, debido a las depreciaciones<\/a>, tendr\u00e1 que establecer la propiedad de servicio directamente al nombre del servicio:<\/p>\n\n
{ \n  service: 'serverless-websocket-ts',\n  ...\n}<\/code><\/pre>\n\n
<\/p>\n\n
Y actualice el objeto provider.apiGateway<\/strong><\/code> de la siguiente manera:<\/p>\n\n
provider: {
  ...
  apiGateway: {
    shouldStartNameWithService: true,
    ...
  },
  ...
},<\/code><\/pre>\n\n
Podemos ejecutar nuestra funci\u00f3n en la ra\u00edz de nuestro proyecto $ serverless invoke local --function hello<\/strong><\/code> y deber\u00edas ver la respuesta:<\/p>\n\n
{\n    \"statusCode\": 200,\n    \"body\": \"{n  \"message\": \"Go Serverless Webpack (Typescript) v1.0! Your function executed           successfully!\",n  \"input\": \"n}\"\n}<\/code><\/pre>\n\n
<\/p>\n\n
El framework sin servidor invoca localmente la funci\u00f3n hello<\/code> y ejecuta el m\u00e9todo exportado hello<\/strong><\/code> en el archivo handler.ts<\/strong><\/code>. El comando serverless invoke local<\/code> nos permite ejecutar nuestras funciones Lambda localmente antes de desplegarlas.<\/p>\n\n
A continuaci\u00f3n, tenemos que instalar algunas dependencias para nuestra aplicaci\u00f3n:<\/p>\n\n
$ yarn add -D serverless-offline serverless-dotenv-plugin serverless-bundle
$ yarn add aws-sdk uuid @types\/uuid<\/code><\/pre>\n\n