ARFit SDK 🛒📱
Flutter uygulamanıza 3 satırda Augmented Reality (AR) alışveriş deneyimi ekleyin!
✨ Özellikler
- ✅ Kolay Entegrasyon - Mevcut ürün ID'lerinizi kullanın
- ✅ Otomatik Analitik - Kullanıcı davranışları otomatik takip edilir
- ✅ Özelleştirilebilir - Buton tasarımını dilediğiniz gibi değiştirin
- ✅ Web & Mobil Desteği - Tüm platformlarda çalışır
- ✅ Sıfır Konfigürasyon - 3D modeller ARFit tarafından sağlanır
📦 Kurulum
pubspec.yaml dosyanıza ekleyin:
dependencies:
arfit_sdk: ^1.0.0
Terminalde çalıştırın:
flutter pub get
🚀 Kullanım (3 Adım)
1️⃣ SDK'yı Başlatın
Ana main.dart dosyanızda bir kez başlatın:
import 'package:flutter/material.dart';
import 'package:arfit_sdk/arfit_sdk.dart';
void main() {
ARFitAnalytics().initialize(
apiUrl: 'https://arfit-api.arfitcompany.workers.dev',
);
runApp(MyApp());
}
2️⃣ Ürün ID'lerinizi ARFit'e Gönderin
ARFit ekibine mevcut ürün ID'lerinizi ve ürün bilgilerinizi gönderin:
📧 Email: info@arfit.dev
Konu: Yeni Ürün AR Entegrasyonu
Ürün Bilgileri:
- Ürün ID: decathlon-8308622
- Ürün Adı: Eliptik Bisiklet Pro
- Kategori: Cardio
- Fiyat: 8999 TL
- Görseller: [ürün-görselleri.zip]
ARFit ekibi:
- Ürünü 3D olarak tarar
- Sisteme yükler
- Sizin ID'nizi kullanarak kaydeder
- Size "Hazır!" mesajı gönderir
3️⃣ Kendi Ürün ID'nizi Kullanın
Ürün sayfanıza AR butonu ekleyin - kendi ID'nizi kullanın:
ARFitButton(
productId: 'decathlon-8308622', // ← SİZİN ürün ID'niz
productName: 'Eliptik Bisiklet Pro',
modelUrl: '', // ← Boş bırakın, otomatik çekilir
)
Hepsi bu kadar! 🎉
💡 Nasıl Çalışır?
1. Kullanıcı AR butonuna tıklar
↓
2. SDK sizin ürün ID'nizi gönderir: "decathlon-8308622"
↓
3. ARFit sunucusu bu ID için 3D modeli bulur
↓
4. AR görüntüleyici açılır ve modeli gösterir
Siz sadece mevcut ürün ID'lerinizi kullanırsınız!
🎨 Özelleştirme
Buton Stilini Değiştirin
ARFitButton(
productId: 'URUN-ID-123', // Kendi ID'niz
productName: 'Koşu Bandı X200',
modelUrl: '',
buttonText: 'AR ile İncele',
style: ElevatedButton.styleFrom(
backgroundColor: Colors.purple,
padding: EdgeInsets.symmetric(horizontal: 32, vertical: 16),
),
)
Floating AR Baloncuğu
Stack(
children: [
// Ürün sayfanız...
ARFitFloatingButton(
productId: 'URUN-ID-123',
productName: 'Koşu Bandı X200',
modelUrl: '',
showDelay: Duration(seconds: 2),
),
],
)
📊 Analitik Dashboard
Tüm kullanım istatistiklerinizi görüntüleyin:
- Hangi ürünler daha çok AR ile görüntüleniyor
- AR kullanımı sepet dönüşümünü ne kadar artırıyor
- Kullanıcı davranış analitiği
💼 Örnek Entegrasyon
E-Ticaret Ürün Listesi
class ProductCard extends StatelessWidget {
final Product product;
@override
Widget build(BuildContext context) {
return Card(
child: Column(
children: [
Image.network(product.imageUrl),
Text(product.name),
Text('${product.price} ₺'),
// AR butonu - Kendi ürün ID'nizi kullanın
ARFitButton(
productId: product.id, // ← Kendi veritabanınızdaki ID
productName: product.name,
modelUrl: '',
),
AddToCartButton(product: product),
],
),
);
}
}
Ürün Detay Sayfası
Scaffold(
body: SingleChildScrollView(
child: Column(
children: [
ProductImageGallery(product: product),
ProductInfo(product: product),
// AR butonu
Padding(
padding: EdgeInsets.all(16),
child: ARFitButton(
productId: product.id, // ← Mevcut ID sisteminiz
productName: product.name,
modelUrl: '',
),
),
ProductDescription(product: product),
AddToCartButton(product: product),
],
),
),
)
🆕 Yeni Ürün Ekleme Süreci
- Email Atın: info@arfit.dev
- Ürün Bilgilerini Gönderin:
- Ürün ID (sizin sisteminizdeki)
- Ürün adı
- Görseller (farklı açılardan)
- Ölçüler (varsa)
- Bekleyin: ARFit ekibi 3D modelini oluşturur (2-5 gün)
- Onay Alın: "Ürün hazır!" mesajı gelir
- Kullanın: Kodunuza sadece kendi ID'nizi ekleyin
3D tarama ve model oluşturma tamamen ARFit sorumluluğundadır!
❓ Sıkça Sorulan Sorular
Mevcut ürün ID sistemimizi değiştirmemiz gerekir mi?
Hayır! Kendi ID sisteminizi kullanmaya devam edin. ARFit, sizin ID'lerinizi kullanarak 3D modelleri eşleştirir.
Her ürün için AR desteği eklemeli miyiz?
Hayır, sadece AR ile gösterilmesini istediğiniz ürünler için ARFitButton ekleyin. Diğer ürünler normal çalışmaya devam eder.
3D model güncellenirse ne olur?
ARFit tarafında güncellenir, sizin kodunuzda hiçbir değişiklik gerekmez. Kullanıcılar otomatik olarak yeni modeli görür.
🐛 Sorun Giderme
"SDK not initialized" hatası
// main.dart'ta initialize() çağrısını kontrol edin
ARFitAnalytics().initialize(
apiUrl: 'https://arfit-api.arfitcompany.workers.dev',
);
"Model bulunamadı" hatası
- Ürün ID'sinin doğru olduğundan emin olun
- ARFit ekibine ürünün sisteme eklendiğini teyit edin
- Email: info@arfit.dev
📱 Platform Desteği
| Platform | Durum | Notlar |
|---|---|---|
| Android | ✅ | ARCore gerektirir |
| iOS | ✅ | ARKit gerektirir |
| Web | ⚠️ | Önizleme modu |
🤝 Destek & İletişim
- 📧 Email: info@arfit.dev
- 🌐 Website: https://arfit.dev
- 📊 Dashboard: https://arfit-api.arfitcompany.workers.dev/dashboard
📄 Lisans
MIT License
🙏 Teşekkürler
ARFit SDK'yı kullandığınız için teşekkürler! ⭐️