{"id":2839,"date":"2024-11-03T16:30:19","date_gmt":"2024-11-03T13:30:19","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/twilio-kullanarak-go-ve-remix-ile-onay-kodu-kimlik-dogrulama-uygulamasi-olusturma\/"},"modified":"2024-11-03T16:30:19","modified_gmt":"2024-11-03T13:30:19","slug":"twilio-kullanarak-go-ve-remix-ile-onay-kodu-kimlik-dogrulama-uygulamasi-olusturma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/twilio-kullanarak-go-ve-remix-ile-onay-kodu-kimlik-dogrulama-uygulamasi-olusturma\/","title":{"rendered":"Twilio Kullanarak Go ve Remix ile Onay Kodu Kimlik Do\u011frulama Uygulamas\u0131 Olu\u015fturma"},"content":{"rendered":"

Twilio Kullanarak Go ve Remix ile Onay Kodu Kimlik Do\u011frulama Uygulamas\u0131 Olu\u015fturma<\/p>\n

Bu makalede, kullan\u0131c\u0131lara SMS yoluyla g\u00f6nderilen otomatik olarak olu\u015fturulmu\u015f kodlar\u0131 kullanarak iki fakt\u00f6rl\u00fc kimlik do\u011frulama (2FA) uygulamas\u0131 nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 a\u00e7\u0131klayaca\u011f\u0131z. Bu uygulama, g\u00fcvenli bir \u015fekilde \u015fifresiz giri\u015f yapman\u0131n bir yolu olarak otomatik kod do\u011frulamas\u0131 kullanacak ve bu da kullan\u0131c\u0131lar\u0131n hesaba eri\u015fim sa\u011flamas\u0131n\u0131n daha g\u00fcvenli bir yolunu sa\u011flayacakt\u0131r.<\/p>\n

Uygulaman\u0131n geli\u015ftirme s\u00fcreci, Twilio’nun API’sini kullanarak Go ve Remix’i i\u00e7erecektir. Twilio, kullan\u0131c\u0131lara SMS ve e-posta yoluyla do\u011frulama kodlar\u0131 g\u00f6ndermek i\u00e7in g\u00fc\u00e7l\u00fc ve g\u00fcvenilir bir \u00e7\u00f6z\u00fcm sunar. Remix, React tabanl\u0131 performans odakl\u0131 bir web \u00e7er\u00e7evesidir ve sunucu taraf\u0131 olu\u015fturma i\u015flevleri sa\u011flar. Go, y\u00fcksek performansl\u0131 ve g\u00fcvenilir uygulamalar olu\u015fturmaya uygun bir genel ama\u00e7l\u0131 programlama dilidir.<\/p>\n

## Projeyi Kurma<\/p>\n

\u0130lk ad\u0131m, projeyi kurmak ve gerekli ba\u011f\u0131ml\u0131l\u0131klar\u0131 y\u00fcklemek olacakt\u0131r.<\/p>\n

**1. Yeni bir Go projesi olu\u015fturun:**<\/p>\n

“`bash
\nmkdir go-twilio-auth
\ncd go-twilio-auth
\n“`<\/p>\n

**2. Go modunu ba\u015flat\u0131n:**<\/p>\n

“`bash
\ngo mod init go-twilio-auth
\n“`<\/p>\n

**3. Remix projesini olu\u015fturun:**<\/p>\n

“`bash
\nnpx create-remix@latest
\n“`<\/p>\n

**4. Ba\u011f\u0131ml\u0131l\u0131klar\u0131 y\u00fckleyin:**<\/p>\n

“`bash
\nnpm install
\n“`<\/p>\n

## Twilio Hesab\u0131n\u0131z\u0131 Kurun<\/p>\n

Twilio ile ba\u015flamak i\u00e7in bir Twilio hesab\u0131na ihtiyac\u0131n\u0131z olacak. Bir hesap olu\u015fturun ve daha sonra a\u015fa\u011f\u0131daki ad\u0131mlar\u0131 izleyerek bir Twilio projesi ayarlay\u0131n.<\/p>\n

1. **Twilio web sitesine gidin:** https:\/\/www.twilio.com\/<\/a>
\n2. **Hesab\u0131n\u0131za giri\u015f yap\u0131n veya \u00fccretsiz bir hesap olu\u015fturun.**
\n3. **Konsolun sol taraf\u0131ndaki men\u00fcden “Telefon Numaralar\u0131”na gidin.**
\n4. **Yeni bir telefon numaras\u0131 sat\u0131n al\u0131n veya mevcut bir numaray\u0131 ekleyin.**
\n5. **Numaran\u0131n SID’sini ve Auth Token’\u0131n\u0131z\u0131 kaydedin, bunlara ihtiyac\u0131n\u0131z olacak.**<\/p>\n

## Go Sunucusunu Yap\u0131land\u0131rma<\/p>\n

Go taraf\u0131nda, Twilio API’sini kullanarak SMS mesajlar\u0131 g\u00f6ndermek i\u00e7in gerekli olan kodu yazaca\u011f\u0131z.<\/p>\n

**1. “twilio” paketini y\u00fckleyin:**<\/p>\n

“`go
\ngo get github.com\/twilio\/twilio-go
\n“`<\/p>\n

**2. Sunucu dosyan\u0131z\u0131 olu\u015fturun (\u00f6rne\u011fin: server.go):**<\/p>\n

“`go
\npackage main<\/p>\n

import (
\n\t“fmt”
\n\t“log”
\n\t“net\/http”
\n\t“os”<\/p>\n

\t“github.com\/gin-gonic\/gin”
\n\t“github.com\/twilio\/twilio-go”
\n)<\/p>\n

func main() {
\n\t\/\/ Twilio kimlik bilgilerini al\u0131n
\n\taccountSID := os.Getenv(“TWILIO_ACCOUNT_SID”)
\n\tauthToken := os.Getenv(“TWILIO_AUTH_TOKEN”)<\/p>\n

\t\/\/ Twilio istemcisini ba\u015flat\u0131n
\n\ttwilioClient := twilio.NewRestClient(accountSID, authToken)<\/p>\n

\t\/\/ Gin sunucusunu ba\u015flat\u0131n
\n\trouter := gin.Default()<\/p>\n

\t\/\/ Onay kodu g\u00f6nderme rotas\u0131
\n\trouter.POST(“\/send-code”, func(c *gin.Context) {
\n\t\tphoneNumber := c.PostForm(“phone_number”)
\n\t\t\/\/ Onay kodu olu\u015fturma (\u00f6rne\u011fin rastgele say\u0131)
\n\t\tcode := generateVerificationCode()<\/p>\n

\t\t\/\/ SMS mesaj\u0131 g\u00f6nder
\n\t\t_, err := twilioClient.Messages.Create(&twilio.MessageOptions{
\n\t\t\tTo: phoneNumber,
\n\t\t\tFrom: os.Getenv(“TWILIO_PHONE_NUMBER”),
\n\t\t\tBody: fmt.Sprintf(“Onay kodunuz: %s”, code),
\n\t\t})<\/p>\n

\t\tif err != nil {
\n\t\t\tlog.Printf(“SMS g\u00f6nderme hatas\u0131: %v”, err)
\n\t\t\tc.JSON(http.StatusInternalServerError, gin.H{“error”: “SMS g\u00f6nderme hatas\u0131”})
\n\t\t\treturn
\n\t\t}<\/p>\n

\t\t\/\/ Kodu veritaban\u0131na veya bir oturum de\u011fi\u015fkenine kaydedin
\n\t\t\/\/ …<\/p>\n

\t\tc.JSON(http.StatusOK, gin.H{“message”: “Onay kodu ba\u015far\u0131yla g\u00f6nderildi!”})
\n\t})<\/p>\n

\t\/\/ Sunucuyu ba\u015flat\u0131n
\n\trouter.Run(“:8080”)
\n}<\/p>\n

\/\/ Rastgele bir onay kodu olu\u015fturma (\u00f6rnek)
\nfunc generateVerificationCode() string {
\n\t\/\/ …
\n}
\n“`<\/p>\n

**3. Kimlik bilgilerini ayarlay\u0131n:**<\/p>\n

`.env` dosyas\u0131n\u0131 olu\u015fturun ve Twilio hesab\u0131n\u0131z\u0131n kimlik bilgilerini ekleyin:<\/p>\n

“`
\nTWILIO_ACCOUNT_SID=ACxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
\nTWILIO_AUTH_TOKEN=your_auth_token
\nTWILIO_PHONE_NUMBER=+11234567890
\n“`<\/p>\n

**4. \u00c7evrenizdeki de\u011fi\u015fkenleri y\u00fckleyin:**<\/p>\n

“`go
\n\/\/ server.go’nun ba\u015f\u0131nda ekleyin
\nimport (
\n\t“os”<\/p>\n

\t“github.com\/joho\/godotenv”
\n)<\/p>\n

func main() {
\n\t\/\/ .env dosyas\u0131n\u0131 y\u00fckleyin
\n\tif err := godotenv.Load(); err != nil {
\n\t\tlog.Fatal(err)
\n\t}<\/p>\n

\t\/\/ …
\n}
\n“`<\/p>\n

## Remix \u00d6n U\u00e7 Uygulamas\u0131n\u0131 Yap\u0131land\u0131rma<\/p>\n

Remix’te, kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc ve Twilio sunucusuyla etkile\u015fimi olu\u015fturaca\u011f\u0131z.<\/p>\n

**1. “send-code” rotas\u0131 i\u00e7in bir bile\u015fen olu\u015fturun (\u00f6rne\u011fin: app\/routes\/send-code.jsx):**<\/p>\n

“`jsx
\nimport { useFetcher } from “remix”;
\nimport { useState } from “react”;<\/p>\n

export default function SendCode() {
\n const fetcher = useFetcher();
\n const [phoneNumber, setPhoneNumber] = useState(“”);<\/p>\n

const handleSubmit = async (event) => {
\n event.preventDefault();
\n const data = { phone_number: phoneNumber };
\n const res = await fetcher.load(“\/send-code”, {
\n method: “POST”,
\n body: JSON.stringify(data),
\n });<\/p>\n

if (res.status === 200) {
\n \/\/ Onay kodu g\u00f6nderildi, kullan\u0131c\u0131y\u0131 do\u011frulama ekran\u0131na y\u00f6nlendirin
\n \/\/ …
\n } else {
\n \/\/ Hata mesaj\u0131n\u0131 g\u00f6r\u00fcnt\u00fcleyin
\n \/\/ …
\n }
\n };<\/p>\n

return (<\/p>\n

\n setPhoneNumber(e.target.value)}
\n placeholder=”Telefon numaran\u0131z\u0131 girin”
\n \/>
\n