Genel Bakış
App Builder, “İstemden Uygulamaya” iş akışını izler. Ne istediğinizi açıklarsınız; AI uygulamanın yapısını, sayfalarını ve mantığını sizin için oluşturur. Ardından görsel düzenleyiciyi veya kodu kullanarak her ayrıntıya ince ayar yapabilirsiniz.Uygulama Oluşturma
Uygulama oluşturmanın iki temel yolu vardır:- Veritabanından: Herhangi bir Veritabanında, mevcut verilerinize bağlı bir uygulama oluşturmak için “Uygulama Oluştur”a tıklayın.
- Sohbetten: AI Chat’i açın ve “Bu müşteri Tablosu için bir CRM uygulaması oluştur” yazın.
Uygulama Düzenleyici Arayüzü
App Builder, hem teknik bilgisi olmayan kullanıcılar hem de geliştiriciler için ikili bir arayüz sunar.1. Sohbet Arayüzü (AI Destekli)
Uygulamanızın komuta merkezi.- Doğal Dille Düzenleme: “Üstbilgiyi mavi yap” veya “Yeni Kayıtlar için bir gönderim formu ekle” gibi değişiklikleri açıklayın.
- Otomatik Yönlendirme: AI, hangi bileşen veya sayfadan söz ettiğinizi anlar ve doğrudan değiştirir.
- Entegrasyonlar: Uygulama görevinin üçüncü taraf bir hesaba erişmesi gerektiğinde App Builder, sohbet panelinde Slack’e Bağlan gibi bir kart gösterebilir. OAuth ile yetkilendirmek için Bağlan’a tıklayın. Bu yetkilendirmeyi iptal etmek için Atla’ya tıklayın; AI, bu bağlantı olmadan tamamlayabildiği bölümlerle devam eder.
- Skill’ler: Bu uygulama sohbetinin Skill’lerini yönetmek için + menüsünü açıp Skill’ler’i seçin. Buraya eklenen bir Skill yalnızca mevcut uygulamada kullanılabilir; uygulamanın Veritabanı ve Alanıyla paylaşılan Skill’ler de burada kullanılabilir. Etkin bir Skill’i seçmek için giriş kutusuna
/yazın. - Dosyaları yönetme: Uygulama korumalı alanındaki dosyaları görüntülemek için + → Diğer → Dosyaları yönet yolunu açın. Desteklenen dosyaları önizlemek, oluşturulan dosyaları indirmek veya artık gerek duymadığınız dosya ve klasörleri silmek için bu seçeneği kullanın.
- Sohbeti Temizleme: Mevcut sohbet konudan uzaklaştıysa yeni bir oturum başlatmak için panelin sağ alt köşesindeki Sohbeti Temizle’ye tıklayın. Bu işlem mevcut sohbetin geçmişini temizler ancak uygulamanın kendisini silmez. İlk kullanımda bir onay gösterilir; bu onayın daha sonra yeniden gösterilmemesini seçebilirsiniz.
2. Önizleme Paneli
- Önizleme ve Canlı: Panelde iki sekme bulunur. Önizleme, henüz yayımlanmamış değişiklikler dahil olmak üzere geliştirmekte olduğunuz sürümü çalıştırır. Canlı, yayımlanan uygulamayı genel adresinden yükler; böylece kullanıcılarınızın gördükleriyle üzerinde çalıştığınız sürümü karşılaştırabilirsiniz. Uygulama yayımlanana kadar Canlı sekmesi bunun yerine bir yayımlama istemi gösterir. App Builder, yayımlanmış bir uygulamayı Canlı, yayımlanmamış bir uygulamayı ise Önizleme sekmesinde açar ve daha sonra ilgili uygulamada son kullandığınız sekmeyi hatırlar.
- Çoklu Cihaz Simülasyonu: Masaüstü, Tablet ve Mobil Görünümleri arasında geçiş yapmak için üstteki seçiciyi kullanın.
- Canlı Oluşturma: App Builder oluşturma işlemini yürütürken önizleme paneli uygulamanın şekillenmesini gösterebilir.
- Anında Geri Bildirim: App Builder bir değişikliği tamamladığında önizleme, en son kaydedilen sürümle yenilenir.
- Düzenlenecek bir öğe seç’i belirleyip önizlemedeki bir öğeye tıklayın. App Builder öğeyi sohbet girişine ekler. AI’ın uygulamanın ilgili bölümünü güncellemesi için talimatınızı ekleyip mesajı gönderin.
- Metni doğrudan düzenle’yi belirleyin, ardından önizlemedeki statik bir metne tıklayıp yeni metni yazın. Kaydet’e tıklamadan önce birden fazla metin öğesini düzenleyebilirsiniz. Bekleyen metin değişikliklerini geri almak için Düzenlemeleri at’a tıklayın.
Esc tuşuna basın.
3. Geliştirici Modu (Kod Düzenleyici)
Sınırsız özelleştirme için koda doğrudan erişebilirsiniz.- Monaco Düzenleyici: Doğrudan tarayıcıda VS Code benzeri bir deneyim.
- React Bileşenleri: Temel React kodunu, Tailwind CSS sınıflarını ve mantığı düzenleyin.
- Dosya Ağacı: Proje yapısında gezinin.
Kodu İndirme
Uygulamanın tamamını istediğiniz zaman ZIP arşivi olarak indirebilirsiniz:- Düzenleyicide Kod sekmesine geçin.
- Sekme çubuğundaki
...menüsüne tıklayın. - Tüm kaynak dosyalarını içeren bir ZIP arşivi kaydetmek için Kodu indir’i seçin.
.env dosyası içerebilir. ZIP dosyasını paylaşmadan önce bu dosyayı inceleyin.
Kodu İçe Aktarma
Bir ZIP dosyasını içe aktararak uygulamanın kodunu güncelleyebilirsiniz:- Düzenleyicide Kod sekmesine geçin.
- Sekme çubuğundaki
...menüsüne tıklayın. - Kodu içe aktar’ı seçin ve en fazla 20 MB boyutunda bir ZIP dosyası belirleyin.
- Yalnızca kaynak dosyalarını ekleyin.
node_modules,.nextve diğer derleme yapıtları otomatik olarak yok sayılır. - ZIP, mevcut projenin yerini alır. Dahil etmediğiniz dosyalar yeni sürümden kaldırılır.
- ZIP tek bir kapsayıcı klasör içeriyorsa Teable bu klasörü kaldırır. En dıştaki proje klasörünü doğrudan sıkıştırabilirsiniz.
- İçe aktarılan proje, proje kökünde
package.jsondosyasını içermelidir. - ZIP içindeki kök
.envdosyası uygulamanın Gizli Bilgiler bölümüne alınır..env.localgibi diğer.env*çeşitleri yok sayılır.
Gizli Bilgiler
Uygulamanız çalışırken ihtiyaç duyduğu API anahtarları, kimlik bilgileri ve yapılandırma değerleri için Gizli Bilgiler’i kullanın. App Builder sohbet panelinde + menüsünü açıp Gizli Bilgiler’i seçin.Uygulama Dosyalarını Yönetme
App Builder; yüklenen dosyaları, oluşturulan çıktıları ve çalışma zamanı dosyalarını uygulama korumalı alanında saklar. Bunları incelemek için sohbet panelinde + → Diğer → Dosyaları yönet yolunu açın. Desteklenen dosya türleri önizlemede açılır. Ayrıca dosyaları indirebilir veya artık gerek duymadığınız dosya ve klasörleri silebilirsiniz.Uygulamaya AI Özellikleri Ekleme
Uygulamanızın Kayıtları özetlemesi, istekleri sınıflandırması, yanıt taslakları hazırlaması veya uygulama kullanıcılarının sorularını yanıtlaması gerekiyorsa AI ekleyin. App Builder’a “Destek talepleri için bir AI yanıt asistanı ekle” veya “Her form gönderimini özetle” gibi bir istek belirtebilirsiniz. App Builder, AI erişimini etkinleştirip özelliğin kodunu ekleyebilir.Kodu GitHub ile Eşitleme
Hesap Bağlama ve Depo Oluşturma
Önce uygulamayı en az bir kez oluşturun. Uygulamanın kodu bulunana kadar GitHub düğmesi GitHub’a bağlanmak için önce uygulamayı oluşturun mesajını gösterir ve herhangi bir işlem yapmaz.GitHub panelini açın
Bir hesap bağlayın
Hesabı seçin
Depoyu adlandırın
., - ve _ içerebilir.Oluşturun ve bağlayın
main dalına commit eder; ayrıca uygulamaya geri bağlantı veren ve iki tarafın nasıl eşitleneceğini açıklayan bir README ekler. Bir uygulamayı mevcut bir depoya bağlayamazsınız.
Bağlantı varsayılan olarak onu oluşturan kişiye aittir. İşbirlikçilerin aynı kuruluş hesabında geliştirme yapmasına izin vermek için bağlantıyı seçip Diğer üyelerin bu bağlantıyı kullanmasına izin ver seçeneğini etkinleştirin. Uygulama düzenleme erişimi olan diğer üyeler daha sonra bu kuruluş altında kendi uygulamaları için depo oluşturabilir. GitHub, depo oluşturmak için hesap sahibinin bizzat yetkilendirme yapmasını gerektirdiğinden kişisel bağlantılar paylaşılamaz.
Eşitleme Nasıl Çalışır?
Çakışmayı Çözme
Teable, dalınıza hiçbir zaman zorla gönderim yapmaz. Geçmişler ayrıştığında en son uygulama sürümünüteable-sync adlı bir dala yerleştirir ve bağlantıyı Çakışma olarak işaretler. GitHub’da teable-sync dalını main ile birleştirin; birleştirme yeni bir uygulama sürümü olarak geri gelir ve bağlantı yeniden Eşitlendi durumuna döner. Çakışma devam ederken sonraki uygulama sürümleri teable-sync dalını ilerletmeye devam eder; böylece bu dalı birleştirdiğinizde her zaman en yeni çalışmalar dahil edilir.
Ortam Değişkenleri ve Yerel Geliştirme
Depo yalnızca kaynak kodu barındırır. Teable, adı.env ile başlayan hiçbir dosyayı göndermez: proje kökünde, alt klasörlerde veya commit geçmişinde. Ortam değerleri uygulamanın Gizli Bilgiler bölümünde tutulur ve git’e hiçbir zaman girmez. Deponun .gitignore dosyasında .env* zaten yer aldığından yerel bir klon bu dosyalardan birini yanlışlıkla commit etmez.
Uygulamayı kendi bilgisayarınızda çalıştırmak için:
Klonlayın ve yükleyin
pnpm install komutunu çalıştırın.Değişkenleri kopyalayın
.env dosyasına yapıştırın.Uygulamayı başlatın
pnpm dev komutunu çalıştırın..env dosyası Gizli Bilgi oluşturmaz veya güncellemez. Bir gizli bilgiyi değiştirdikten sonra yerel .env dosyanızı yenilemek için değişkenleri tekrar kopyalayın.
Deponun Bağlantısını Kaldırma
Depo adının yanındaki silme simgesine tıklayıp onaylayın. Eşitleme durur; depo ve kodu GitHub’da kalır. Aynı uygulamayı daha sonra yeniden bağlamak, eski depoya yeniden bağlanmak yerine yeni bir depo oluşturur.Yayımlama ve Yönetim
Uygulamanızı Yayımlama
Uygulamanız hazır olduğunda sağ üst köşedeki Yayımla düğmesine (ok simgesi) tıklayın.- Genel URL: Teable uygulamanız için güvenli ve herkesin erişebileceği bir URL oluşturur.
- Özel Alan Adı: Kendi alan adınızı uygulamayla eşleyin.
- Markayı göster: Yayımlanan uygulamada Teable ile Oluşturuldu rozetinin gösterilip gösterilmeyeceğini belirlemek için Yayımla menüsündeki Markayı göster seçeneğini kullanın. Bu ayarı yayımladıktan sonra değiştirirseniz uygulamak için Yeniden dağıt’a tıklayın.
- Yayından kaldır: Yayımlanmış bir uygulamanın genel bağlantısını çevrimdışı bırakmak için yayımlama menüsündeki Yayından kaldır seçeneğini kullanın.
- Uygulama yapılandırması değişiklikleri: Yayımlama menüsünde Çalışma zamanı yapılandırması değişti. Canlı uygulamaya uygulamak için yeniden dağıtın veya Marka ayarı değişti. Canlı uygulamaya uygulamak için yeniden dağıtın mesajı gösterildiğinde Yeniden dağıt’a tıklayın.
- Yayımlanan uygulamayı aç: Uygulama yayımlandıktan sonra Yayımla seçeneğinin yanındaki simge, canlı uygulamayı yeni bir sekmede açar.
Uygulamayı Yayından Kaldırma
Yayımlanmış bir uygulamayı çevrimdışı bırakmak için Yayımla menüsünü açıp Yayından kaldır’a tıklayın. Onayladıktan sonra genel uygulama URL’sine artık erişilemez. Yayından kaldırma işlemi uygulamayı veya düzenleme geçmişini silmez. Uygulamayı düzenlemeye devam edip daha sonra yeniden yayımlayabilirsiniz.Özel Alan Adları
app.yourdomain.com gibi bir alt alan adı önerilir. Alan adını girdikten sonra Teable eklenecek DNS Kayıtlarını gösterir. Kayıtları DNS sağlayıcınızda ekleyin, yayılmasını bekleyin ve ardından alan adını Teable’da doğrulayın.
teable.app altında kullanılabilir bir alt alan adı seçebilir ve your-name.teable.app örneğindeki gibi teable.app ön ekini düzenleyebilirsiniz.
Özel Site Bilgileri
Yayımlanan uygulamanın tarayıcı sekmesi simgesini, sayfa başlığını ve açıklamasını ayarlamak için Yayımla menüsündeki Özel site bilgileri seçeneğini kullanın. İletişim kutusu, düzenleme sırasında bunların birlikte nasıl göründüğünü önizler.Uygulama Girişi
Ziyaretçilerin uygulamayı kullanabilmek için oturum açmasını zorunlu kılmak üzere uygulama üstbilgisindeki Giriş ekle’ye tıklayın. Giriş yapılandırıldıktan sonra düğme Giriş ayarları olarak değişir. Girişi etkinleştirdiğinizde:- Uygulama kullanıcılarının nerede saklanacağını seçin. Bir Kullanıcılar Tablosu oluşturabilir veya e-posta Alanı bulunan mevcut bir Tabloyu yeniden kullanabilirsiniz. Oturum açan her kullanıcı bir Kayıt olarak saklanır ve aynı kullanıcı Tablosu birden fazla uygulamada yeniden kullanılabilir.
- E-posta OTP, Google veya Teable gibi en az bir oturum açma yöntemi seçin. Kullanılabilir yöntemler, örneğinizin kimlik doğrulama ayarlarına bağlıdır.
- Bir erişim politikası seçin: Herkes kaydolabilir, İzin verilen e-posta alan adları veya Yalnızca davet edilenler.
Sürüm Geçmişi ve Geri Alma
Teable her dağıtımı otomatik olarak izler.- Dağıtılan tüm sürümlerin listesini görüntülemek için Geçmiş (saat simgesi) düğmesine tıklayın.
- Tek Tıkla Geri Alma: Yeni bir güncelleme sorunlara yol açarsa canlı uygulamayı önceki kararlı sürümlerden birine anında geri döndürebilirsiniz.
Otomatik düzeltme
Özel kod değişiklikleriniz derleme hatasına yol açarsa dağıtım başarısız olur.- Teable, hata günlüğünün yanında bir Otomatik düzeltme düğmesi sunar.
- Bu düğmeye tıkladığınızda AI derleme hatasını analiz eder ve sorunu gidermek için kodu otomatik olarak düzeltir.
Uygulama Silme
Bir uygulamayı silmek için üstbilgideki Ayarlar (dişli simgesi) düğmesine tıklayıp Sil’i seçin.En İyi Uygulamalar
İstem kalıpları, geliştirme ipuçları, geri alma önerileri ve yaygın sorun giderme konuları için App Builder Pratik Kılavuzu bölümüne bakın.SSS
Sohbeti temizlemek uygulamayı siler mi?
Sohbeti temizlemek uygulamayı siler mi?
Uygulama kodunu nasıl indirir veya içe aktarırım?
Uygulama kodunu nasıl indirir veya içe aktarırım?
... menüsüne tıklayın, ardından Kodu indir veya Kodu içe aktar seçeneğini belirleyin. İçe aktarılan ZIP dosyaları en fazla 20 MB olabilir ve mevcut projenin yerini alır; bu nedenle korumak istediğiniz tüm kaynak dosyalarını dahil edin. İçe aktarılan proje kök dizinde package.json içermelidir. Kök .env dosyası uygulamanın Gizli Bilgiler bölümüne aktarılır.Giriş ayarları canlı uygulamaya ne zaman uygulanır?
Giriş ayarları canlı uygulamaya ne zaman uygulanır?
Bir uygulama çalışma zamanında AI modellerini nasıl çağırabilir?
Bir uygulama çalışma zamanında AI modellerini nasıl çağırabilir?
Yerleşik AI ve Uygulama İçi AI nasıl ücretlendirilir?
Yerleşik AI ve Uygulama İçi AI nasıl ücretlendirilir?
Önceki bir sürüme nasıl geri dönerim?
Önceki bir sürüme nasıl geri dönerim?
App Builder neden bir Aracının başka bir sohbette meşgul olduğunu söylüyor?
App Builder neden bir Aracının başka bir sohbette meşgul olduğunu söylüyor?
Bir App Builder çalışması başarısız olduğunda krediler nasıl iade edilir?
Bir App Builder çalışması başarısız olduğunda krediler nasıl iade edilir?
Kendi sunucumda barındırırken App Builder'ı nerede yapılandırırım?
Kendi sunucumda barındırırken App Builder'ı nerede yapılandırırım?

