{"id":3362,"date":"2024-11-08T22:00:17","date_gmt":"2024-11-08T19:00:17","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/awsde-sst-ile-blinks-uygulamasi-gelistirme\/"},"modified":"2024-11-08T22:00:17","modified_gmt":"2024-11-08T19:00:17","slug":"awsde-sst-ile-blinks-uygulamasi-gelistirme","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/awsde-sst-ile-blinks-uygulamasi-gelistirme\/","title":{"rendered":"AWS’de SST ile Blinks Uygulamas\u0131 Geli\u015ftirme"},"content":{"rendered":"

AWS’de SST ile Blinks Uygulamas\u0131 Geli\u015ftirme<\/p>\n

Merhaba! Bug\u00fcn, Serverless Application Model (SAM) \u00fczerinde in\u015fa edilen ve Amazon Web Services (AWS) \u00fczerinde \u00e7al\u0131\u015ft\u0131r\u0131lan bir web uygulamas\u0131 olan Blinks’in nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 ad\u0131m ad\u0131m inceleyece\u011fiz. Bu makalede, Serverless Stack Toolkit (SST) adl\u0131 bir ara\u00e7tan faydalanarak Blinks’i basit ve h\u0131zl\u0131 bir \u015fekilde nas\u0131l kurabilece\u011finizi g\u00f6sterece\u011fim.<\/p>\n

Blinks Nedir?<\/h2>\n

Blinks, kullan\u0131c\u0131lara k\u0131sa i\u00e7erikler olu\u015fturma ve payla\u015fma imkan\u0131 sa\u011flayan bir web uygulamas\u0131d\u0131r. Bu i\u00e7erikler, birka\u00e7 saniyelik k\u0131sa videolardan, metinlere veya resimlere kadar \u00e7e\u015fitli formatlarda olabilir. Blinks, sosyal medya platformlar\u0131na benzer bir \u015fekilde \u00e7al\u0131\u015f\u0131r, kullan\u0131c\u0131lar kendi i\u00e7eriklerini payla\u015fabilir, di\u011fer kullan\u0131c\u0131lar\u0131n i\u00e7eriklerini izleyebilir ve etkile\u015fim kurabilirler.<\/p>\n

SST ile Blinks’i Kurma<\/h2>\n

SST, AWS kaynaklar\u0131n\u0131 tan\u0131mlamak ve da\u011f\u0131tmak i\u00e7in kullan\u0131lan bir ara\u00e7t\u0131r. SST, YAML tabanl\u0131 bir yap\u0131land\u0131rma dosyas\u0131 kullanarak AWS’de serverless uygulamalar olu\u015fturmay\u0131 kolayla\u015ft\u0131r\u0131r. Bu sayede, karma\u015f\u0131k altyap\u0131 yap\u0131land\u0131rmas\u0131 ile u\u011fra\u015fmak zorunda kalmadan uygulaman\u0131z\u0131 h\u0131zl\u0131 bir \u015fekilde olu\u015fturabilir ve da\u011f\u0131tabilirsiniz.<\/p>\n

1. Ad\u0131m: Projenizi Ba\u015flatma<\/h3>\n

Projemizi ba\u015flatmak i\u00e7in SST’yi kullanaca\u011f\u0131z. Terminalinize a\u015fa\u011f\u0131daki komutu girin:<\/p>\n

“`bash
\nnpx create-sst@latest blinks –template minimal
\n“`<\/p>\n

Bu komut, “blinks” adl\u0131 bir proje klas\u00f6r\u00fc olu\u015fturacak ve i\u00e7ine temel SST yap\u0131land\u0131rmas\u0131n\u0131 ve baz\u0131 \u00f6rnek dosyalar\u0131 ekleyecektir.<\/p>\n

2. Ad\u0131m: Uygulama Kaynaklar\u0131n\u0131 Tan\u0131mlama<\/h3>\n

Projemizi ba\u015flatt\u0131ktan sonra, “stacks\/MyStack.ts” dosyas\u0131n\u0131 a\u00e7arak uygulama kaynaklar\u0131m\u0131z\u0131 tan\u0131mlayaca\u011f\u0131z. Bu dosya, uygulamam\u0131z\u0131n AWS kaynaklar\u0131n\u0131 nas\u0131l tan\u0131mlayaca\u011f\u0131m\u0131z\u0131 belirtir. \u00d6rne\u011fin, a\u015fa\u011f\u0131daki kod bir S3 depolama alan\u0131, bir CloudFront da\u011f\u0131t\u0131m\u0131 ve bir API Gateway endpoint’ini tan\u0131mlar:<\/p>\n

“`typescript
\nimport * as sst from ‘sst’;
\nimport * as s3 from ‘aws-cdk-lib\/aws-s3’;
\nimport * as cloudfront from ‘aws-cdk-lib\/aws-cloudfront’;
\nimport * as origins from ‘aws-cdk-lib\/aws-cloudfront-origins’;
\nimport * as apigateway from ‘aws-cdk-lib\/aws-apigatewayv2’;
\nimport * as integrations from ‘aws-cdk-lib\/aws-apigatewayv2-integrations’;<\/p>\n

export default function main(app: sst.App): void {
\n \/\/ S3 Depolama Alan\u0131 Olu\u015fturma
\n const bucket = new s3.Bucket(app, ‘BlinksBucket’);<\/p>\n

\/\/ CloudFront Da\u011f\u0131t\u0131m\u0131 Olu\u015fturma
\n const distribution = new cloudfront.Distribution(app, ‘BlinksDistribution’, {
\n defaultBehavior: {
\n origin: new origins.S3Origin(bucket),
\n },
\n });<\/p>\n

\/\/ API Gateway Endpoint’i Olu\u015fturma
\n const api = new apigateway.HttpApi(app, ‘BlinksApi’, {
\n defaultIntegration: new integrations.LambdaProxyIntegration({
\n handler: ‘src\/functions\/get-blinks.handler’,
\n }),
\n });
\n}
\n“`<\/p>\n

3. Ad\u0131m: Uygulama Fonksiyonlar\u0131n\u0131 Yazma<\/h3>\n

Uygulama kaynaklar\u0131m\u0131z\u0131 tan\u0131mlad\u0131ktan sonra, “src\/functions” klas\u00f6r\u00fcne uygulama fonksiyonlar\u0131m\u0131z\u0131 yazaca\u011f\u0131z. Bu fonksiyonlar, kullan\u0131c\u0131 taleplerini i\u015fleyerek uygulamam\u0131z\u0131n i\u015flevselli\u011fini sa\u011flar. \u00d6rne\u011fin, a\u015fa\u011f\u0131daki kod bir “get-blinks” fonksiyonu tan\u0131mlar:<\/p>\n

“`typescript
\nimport { Handler } from ‘aws-lambda’;
\nimport { APIGatewayProxyEvent, APIGatewayProxyResult } from ‘aws-lambda’;<\/p>\n

export const handler: Handler = async (event: APIGatewayProxyEvent): Promise => {
\n \/\/ Burada Blinks verilerini alma i\u015flemini ger\u00e7ekle\u015ftirirsiniz
\n \/\/ \u00d6rnek olarak, S3 depolama alan\u0131ndan verileri okuyabilirsiniz<\/p>\n

return {
\n statusCode: 200,
\n body: JSON.stringify({ message: ‘Blinks verileri ba\u015far\u0131l\u0131 bir \u015fekilde al\u0131nd\u0131’ }),
\n };
\n};
\n“`<\/p>\n

4. Ad\u0131m: Uygulamay\u0131 Da\u011f\u0131tma<\/h3>\n

Uygulama kaynaklar\u0131m\u0131z\u0131 tan\u0131mlad\u0131k ve fonksiyonlar\u0131m\u0131z\u0131 yazd\u0131k. \u015eimdi, uygulamam\u0131z\u0131 da\u011f\u0131tmak i\u00e7in “sst deploy” komutunu kullanaca\u011f\u0131z. Bu komut, AWS’de uygulamam\u0131z\u0131 tan\u0131mlad\u0131\u011f\u0131m\u0131z kaynaklar\u0131 olu\u015fturacak ve da\u011f\u0131tacakt\u0131r.<\/p>\n

“`bash
\nsst deploy
\n“`<\/p>\n

SST, uygulamam\u0131z\u0131n da\u011f\u0131t\u0131m\u0131n\u0131 otomatikle\u015ftirecek ve uygulamam\u0131z\u0131n eri\u015filebilir olmas\u0131n\u0131 sa\u011flayacakt\u0131r.<\/p>\n

SST’nin Avantajlar\u0131<\/h2>\n

SST’nin birka\u00e7 avantaj\u0131 vard\u0131r:<\/p>\n