{"id":7380,"date":"2021-04-28T15:26:23","date_gmt":"2021-04-28T13:26:23","guid":{"rendered":"http:\/\/www.unimedia.tech.mialias.net\/echtzeit-mit-serverless-unter-verwendung-von-websocket-in-aws\/"},"modified":"2023-12-21T10:32:18","modified_gmt":"2023-12-21T09:32:18","slug":"echtzeit-mit-serverless-unter-verwendung-von-websocket-in-aws","status":"publish","type":"post","link":"https:\/\/www.unimedia.tech\/de\/echtzeit-mit-serverless-unter-verwendung-von-websocket-in-aws\/","title":{"rendered":"Echtzeit mit Serverless unter Verwendung von Websocket in AWS"},"content":{"rendered":"\n

Hallo zusammen, heute werden wir \u00fcber die Implementierung von Websocket mit Serverless diskutieren, indem wir Node.js mit Typescript f\u00fcr die Echtzeitkommunikation verwenden.<\/p>\n\n

<\/p>\n\n

Wenn Sie versuchen, im Internet danach zu suchen, werden Sie zwar einige Details zur Umsetzung <\/a>finden, aber nichts Konkretes. Hier baue ich also ein vollwertiges Websocket-\u00d6kosystem mit allen Code- und Konfigurationsdetails auf.<\/p>\n\n

<\/p>\n\n

F\u00fcr die Entwicklung<\/a> m\u00fcssen Sie serverless<\/strong><\/code>, npm<\/strong><\/code> und\/oder yarn<\/strong><\/code> global installiert haben. Lesen Sie, wie Sie YARN<\/a> und NPM<\/a> installieren<\/a>. Ich verwende auch lieber NVM<\/a>, um meine Node-Versionen zu verwalten.<\/p>\n\n

<\/p>\n\n

Entwicklung<\/h2>\n\n

<\/p>\n\n

Schritt 1. AWS konfigurieren<\/h3>\n\n

Richten Sie AWS CLI ein, falls Sie das noch nicht getan haben. Hier finden Sie einen sehr guten Artikel \u00fcber das Erstellen und Konfigurieren von AWS-Anmeldeinformationen<\/a>. Als n\u00e4chstes m\u00fcssen wir unsere Anwendung einrichten.<\/p>\n\n

<\/p>\n\n

<\/p>\n\n

Schritt 2. Projekt einrichten<\/h3>\n\n

Erstellen und Einrichten eines serverlosen Projekts mit Typescript:<\/p>\n\n

$ sls create --template aws-nodejs-typescript --path <PROJECT-NAME><\/code><\/pre>\n\n
Dabei ist <PROJECT-NAME><\/strong><\/code> der Name Ihres Projekts.<\/p>\n\n
Dies erzeugt eine serverlose Boilerplate f\u00fcr unsere Anwendung. Als n\u00e4chstes m\u00fcssen wir zu unserem neuen Projekt cd <PROJECT-NAME><\/code>navigieren und unsere Abh\u00e4ngigkeiten installieren, indem wir yarn install<\/strong><\/code> ausf\u00fchren.<\/p>\n\n
Die wichtigsten Dateien, die wir im Laufe der Entwicklung unserer Anwendung aktualisieren werden, sind die handler.ts<\/strong><\/code> und serverless.ts<\/strong><\/code>. Die Datei handler.ts<\/strong><\/code> behandelt unsere Lambda-Funktionen oder Verweise auf unsere Lambda-Funktionen. Sie sollte folgenderma\u00dfen aussehen:<\/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
Die Datei serverless.ts bietet uns eine Vorlage zum Modellieren und Bereitstellen unserer Anwendungsressourcen f\u00fcr AWS CloudFormation, indem die Infrastruktur als Code behandelt wird. Auf diese Weise k\u00f6nnen wir Ressourcen leicht erstellen, aktualisieren und sogar l\u00f6schen. Sie sollte folgenderma\u00dfen aussehen:<\/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
Au\u00dferdem m\u00fcssen Sie aufgrund von Verwerfungen<\/a> die Eigenschaft service direkt auf service name setzen:<\/p>\n\n
{ \n  service: 'serverless-websocket-ts',\n  ...\n}<\/code><\/pre>\n\n
<\/p>\n\n
Und aktualisieren Sie das Objekt provider.apiGateway<\/strong><\/code> wie folgt:<\/p>\n\n
provider: {
  ...
  apiGateway: {
    shouldStartNameWithService: true,
    ...
  },
  ...
},<\/code><\/pre>\n\n
Wir k\u00f6nnen unsere Funktion in unserem Projektstamm $ serverless invoke local --function hello<\/strong><\/code> ausf\u00fchren und Sie sollten die Antwort sehen:<\/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
Das serverlose Framework ruft lokal die Funktion hello<\/code> auf und f\u00fchrt die exportierte Methode hello<\/strong><\/code> in der Datei handler.ts<\/strong><\/code> aus. Mit dem Befehl serverless invoke local<\/code> k\u00f6nnen wir unsere Lambda-Funktionen lokal ausf\u00fchren, bevor sie bereitgestellt werden.<\/p>\n\n
Als n\u00e4chstes m\u00fcssen wir ein paar Abh\u00e4ngigkeiten f\u00fcr unsere Anwendung installieren:<\/p>\n\n
$ yarn add -D serverless-offline serverless-dotenv-plugin serverless-bundle
$ yarn add aws-sdk uuid @types\/uuid<\/code><\/pre>\n\n