React Native
Token saklama
Auth token güvenli saklamayı öğrenirsin.
Token saklama
Oturum açma belirteci (token), kullanıcının oturumunu sürdürmesini sağlar. Sunucu, kullanıcı giriş yapınca bir token döndürür; bu token'ı güvenli depoya yazarsın. Her API isteğinde token'ı okuyup Authorization başlığına eklersin. Bu kalıp, kullanıcının tekrar şifre girmesini engeller.
Token genelde uzun bir dizedir: 'eyJhbGciOiJIUzI1NiIs...' gibi. Bu değer hassastır; AsyncStorage'a yazılmaz, yalnızca expo-secure-store'a yazılır. API isteği yaparken headers: { Authorization: `Bearer ${token}` } eklenir. Token süresi dolunca yenileme akışı çalışır; kullanıcı yeniden giriş yapar.
Bearer yöntemi
API isteklerinde token Bearer yöntemiyle gönderilir. Authorization başlığı Bearer <token> biçimindedir. Bu, sunucuya belirtecin bir 'bearer token' olduğunu söyler. Şablon dizesi ile yazılır: `Bearer ${token}`.
Bearer kelimesi büyük harfle başlar ve bir boşluk bırakılır. Bu yazım, OAuth 2.0 standardının bir parçasıdır. Sunucu, başlıkta Bearer önekini görmezse isteği reddeder. Bu yüzden doğru yazım şarttır. Token'ı getItemAsync ile okuduktan sonra hemen başlığa eklersin; istek tamamlandıktan sonra token bellekte tutulmaz.
Uygulama API isteğine token ekle
fetchWithAuth işlevini tamamla. const token = await SecureStore.getItemAsync('token') ile token'ı oku. Eğer !token ise return null. Değilse return fetch(url, { headers: { Authorization: `Bearer ${token}` } }) çağır. url parametre olarak verilir.
Örnek çözümü göster
const token = await SecureStore.getItemAsync('token');
if (!token) return null;
return fetch(url, {
headers: { Authorization: `Bearer ${token}` },
});
Kendini test et
-
Token nerede saklanmalı?
const token = 'eyJhbGciOiJIUzI1NiIs...';
- AsyncStorage (düz metin)
- state'te (bellek)
- SecureStore (şifreli)
- console.log ile
Cevabı göster
SecureStore (şifreli) — Token SecureStore'a yazılır; şifreli ve güvenli.
-
Authorization başlığını yaz
headers: { Authorization: `Bearer ____` }
Cevabı göster
headers: { Authorization: `Bearer ${token}` }
-
Parçayı rolüne eşle
- setItemAsync
- Token'ı yazar
- getItemAsync
- Token'ı okur
- deleteItemAsync
- Token'ı siler
- Bearer
- Authorization yöntemi
Sıradaki ders: Özet - Güvenli depolama
