Uygulamayı On-Prem'de Yayınlama

Uygulamayı Web'de Test ve Yayınlama

About this lesson

Bu öğrenme içeriğinde geliştirdiğiniz web uygulamaları On-prem Windows sunucularda yayınlama süreçlerine yakından bakacağız.

İlk olarak, Kuika platformuna giriş yaparak uygulamanızın sunucularla iletişim kurmasını sağlayacak ayarları yapmak gerekiyor. 

  1. Bunun için Configuration Manager modülünü açın.
  2. App Settings sekmesine tıklayın.

Burada dikkat etmeniz gereken üç önemli nokta var:

  • Birincisi, veritabanı bağlantınızı ayarlamak. "Connection Settings" alanındaki DB Connection String kısmına, uygulamanızın veritabanına erişim için gerekli bilgileri girin. 
  • İkincisi, backend URL’sini doğru bir şekilde yapılandırmak. Backend URL alanına, backend’inizi çalıştırdığınız sunucu adresini girin.
  • Girilen bilgilerle birlikte, yaptığınız bu yapılandırma ayarlarını "SAVE/UPDATE" butonuna tıklayarak kaydedin.

Şimdi sırada uygulamayı yayınlamak var.

  1. Platformda sağ üst köşede Preview butonu yanında bulunan üç noktaya tıklayın. 
  2. Karşınıza çıkan seçeneklerden "Web" işaretleyin ve ardından "Publish" butonuna basın. 
  3. İşlem tamamlandığında, hem frontend hem de backend dosyalarınız bir ZIP paketi olarak e-posta adresinize gönderilecek.

Uygulamanızı onprem sunucularda çalıştırmadan önce, sunucularınızda bazı hazırlıklar yapmamız gerekiyor.

  1. İlk adım, IIS üzerinden frontend ve backend için klasörler oluşturmak. Bunun için, sunucunuzdaki C:\inetpub\wwwroot dizinine gidin ve iki ayrı klasör oluşturun: biri frontend, diğeri backend için.
  2. Sonrasında, size gönderilen ZIP dosyalarını bu klasörlere açın ve dosyaları yerleştirin.
    Ancak bu aşamada unutmayın: URL Rewrite ve .NET 6 Hosting Bundle gibi bileşenlerin sunucunuzda yüklü olması gerekiyor. Bu bileşenler, uygulamanızın sorunsuz çalışması için kritik öneme sahiptir.

Şimdi uygulamanızı IIS üzerinden yayınlama adımlarına geçelim.

Frontend kurulumu ile başlayalım.

  1. İlk olarak, IIS yönetici ekranında "Siteler" sekmesine gidip "Web Sitesi Ekle" seçeneğini seçin.

  2. Site adı kısmını belirtin ve fiziksel yol olarak C:\inetpub\wwwroot\ altına yüklediğiniz frontend dosyalarını seçin.

Frontend kurulumu için Web UI klasörünün seçilmesi gerektiğini unutmayın.

  1. Eğer SSL sertifikası kullanıyorsanız, bağlantı türünü HTTPS olarak seçin ve 443 portunu belirtin.

  2. Ana bilgisayar adı olarak uygulamanızın domain ismini girin.

(!) "Sunucu adı gösterimi iste" seçeneği mutlaka işaretlenmelidir, çünkü bu sayede hangi portun hangi URL’e yönlendirileceği belirlenebilir.

  1. HTTPS protokolü kullanıyorsanız, SSL Sertifikası alanından sunucunuza eklediğiniz SSL sertifikasını seçin.

  2. Frontend’in çalıştığından emin olmak için IIS’in sağ panelinde bulunan "Web sitesine gözat" kısmındaki linke tıklayın ve frontend’in doğru şekilde çalıştığını kontrol edin.

Bu adımları tamamladığınızda, Frontend’in sorunsuz bir şekilde çalıştığını görebilirsiniz.

Şimdi Backend kurulumuna bakalım,

  1. Öncelikle, backend için yeni bir site oluşturmanız gerekiyor. Bunun için IIS üzerinden bir site oluşturun ve domain kısmına backend için belirlediğiniz bir domain adını girin. Örneğin, backend.mysite.com gibi.
  2. Site adını belirledikten sonra, fiziksel yol olarak backend dosyalarını yüklediğiniz dizini seçin. Bu dizin genelde şu şekilde olur:
    C:\inetpub\wwwroot\backend. Eğer bu dizin henüz yoksa, önceden oluşturduğunuzdan emin olun.
  3. Eğer bir SSL sertifikası kullanıyorsanız, bağlantı türünü HTTPS olarak ayarlamayı unutmayın. 
  4. Ayrıca, port numarasını da 443 olarak belirleyin.
  5. Ana bilgisayar adı kısmına backend için belirlediğiniz domain adını yazın. Örneğin: backend.mysite.com.
  6. Şimdi, uygulama havuzuna geçelim. Backend için oluşturulan uygulama havuzunu bulun ve üzerine sağ tıklayın. 
  7. Ardından, Temel Ayarlar seçeneğine gidin. Buradan Uygulama Havuzu Düzenle seçeneğini açarak, Net CLR Sürümü kısmını Yönetilen Kod Yok olarak ayarlayın.
  8. Son olarak, backend’in çalıştığından emin olmak için IIS’in sağ panelinde bulunan Web sitesine gözat seçeneğine tıklayın. 
  9. Web sitesine erişim sağladıktan sonra, URL’nin sonuna /swagger ekleyin. Eğer her şey doğru şekilde ayarlandıysa, backend’inizin düzgün çalıştığını göreceksiniz! 

İşte bu kadar! Backend kurulumunuz tamamlandı.

Eğer yayınlama sırasında sorunlarla karşılaşırsanız, endişelenmeyin! Şimdi bazı yaygın hatalara ve çözümlerine bakalım.

  • 500.30 Hatası, genellikle veritabanı bağlantı dizenizde bir hata olduğunda veya .NET 6 Hosting Bundle eksik yüklendiğinde görülür. Appsettings.json dosyanızı kontrol edin ve gerekli izinleri doğrulayın.
  • "Network Error" Hatası ise  frontend’in backend URL’sine erişemediği anlamına gelir. Configuration Manager ayarlarında Backend URL kısmını tekrar gözden geçirin.

Son olarak, uygulamanızın performansını artırmak için birkaç küçük optimizasyon önerimiz var:

IIS’te uygulama havuzunuzu "Always Running" moduna geçirin. Bu ayar, uygulamanızın sürekli aktif kalmasını sağlayarak yükleme süresini ciddi anlamda kısaltacaktır.

Artık Kuika uygulamalarınızı on-prem sunuculara başarılı bir şekilde yayınlamaya hazırsınız. 

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Bu öğrenme içeriğinde geliştirdiğiniz web uygulamaları On-prem Windows sunucularda yayınlama süreçlerine yakından bakacağız.

İlk olarak, Kuika platformuna giriş yaparak uygulamanızın sunucularla iletişim kurmasını sağlayacak ayarları yapmak gerekiyor. 

  1. Bunun için Configuration Manager modülünü açın.
  2. App Settings sekmesine tıklayın.

Burada dikkat etmeniz gereken üç önemli nokta var:

  • Birincisi, veritabanı bağlantınızı ayarlamak. "Connection Settings" alanındaki DB Connection String kısmına, uygulamanızın veritabanına erişim için gerekli bilgileri girin. 
  • İkincisi, backend URL’sini doğru bir şekilde yapılandırmak. Backend URL alanına, backend’inizi çalıştırdığınız sunucu adresini girin.
  • Girilen bilgilerle birlikte, yaptığınız bu yapılandırma ayarlarını "SAVE/UPDATE" butonuna tıklayarak kaydedin.

Şimdi sırada uygulamayı yayınlamak var.

  1. Platformda sağ üst köşede Preview butonu yanında bulunan üç noktaya tıklayın. 
  2. Karşınıza çıkan seçeneklerden "Web" işaretleyin ve ardından "Publish" butonuna basın. 
  3. İşlem tamamlandığında, hem frontend hem de backend dosyalarınız bir ZIP paketi olarak e-posta adresinize gönderilecek.

Uygulamanızı onprem sunucularda çalıştırmadan önce, sunucularınızda bazı hazırlıklar yapmamız gerekiyor.

  1. İlk adım, IIS üzerinden frontend ve backend için klasörler oluşturmak. Bunun için, sunucunuzdaki C:\inetpub\wwwroot dizinine gidin ve iki ayrı klasör oluşturun: biri frontend, diğeri backend için.
  2. Sonrasında, size gönderilen ZIP dosyalarını bu klasörlere açın ve dosyaları yerleştirin.
    Ancak bu aşamada unutmayın: URL Rewrite ve .NET 6 Hosting Bundle gibi bileşenlerin sunucunuzda yüklü olması gerekiyor. Bu bileşenler, uygulamanızın sorunsuz çalışması için kritik öneme sahiptir.

Şimdi uygulamanızı IIS üzerinden yayınlama adımlarına geçelim.

Frontend kurulumu ile başlayalım.

  1. İlk olarak, IIS yönetici ekranında "Siteler" sekmesine gidip "Web Sitesi Ekle" seçeneğini seçin.

  2. Site adı kısmını belirtin ve fiziksel yol olarak C:\inetpub\wwwroot\ altına yüklediğiniz frontend dosyalarını seçin.

Frontend kurulumu için Web UI klasörünün seçilmesi gerektiğini unutmayın.

  1. Eğer SSL sertifikası kullanıyorsanız, bağlantı türünü HTTPS olarak seçin ve 443 portunu belirtin.

  2. Ana bilgisayar adı olarak uygulamanızın domain ismini girin.

(!) "Sunucu adı gösterimi iste" seçeneği mutlaka işaretlenmelidir, çünkü bu sayede hangi portun hangi URL’e yönlendirileceği belirlenebilir.

  1. HTTPS protokolü kullanıyorsanız, SSL Sertifikası alanından sunucunuza eklediğiniz SSL sertifikasını seçin.

  2. Frontend’in çalıştığından emin olmak için IIS’in sağ panelinde bulunan "Web sitesine gözat" kısmındaki linke tıklayın ve frontend’in doğru şekilde çalıştığını kontrol edin.

Bu adımları tamamladığınızda, Frontend’in sorunsuz bir şekilde çalıştığını görebilirsiniz.

Şimdi Backend kurulumuna bakalım,

  1. Öncelikle, backend için yeni bir site oluşturmanız gerekiyor. Bunun için IIS üzerinden bir site oluşturun ve domain kısmına backend için belirlediğiniz bir domain adını girin. Örneğin, backend.mysite.com gibi.
  2. Site adını belirledikten sonra, fiziksel yol olarak backend dosyalarını yüklediğiniz dizini seçin. Bu dizin genelde şu şekilde olur:
    C:\inetpub\wwwroot\backend. Eğer bu dizin henüz yoksa, önceden oluşturduğunuzdan emin olun.
  3. Eğer bir SSL sertifikası kullanıyorsanız, bağlantı türünü HTTPS olarak ayarlamayı unutmayın. 
  4. Ayrıca, port numarasını da 443 olarak belirleyin.
  5. Ana bilgisayar adı kısmına backend için belirlediğiniz domain adını yazın. Örneğin: backend.mysite.com.
  6. Şimdi, uygulama havuzuna geçelim. Backend için oluşturulan uygulama havuzunu bulun ve üzerine sağ tıklayın. 
  7. Ardından, Temel Ayarlar seçeneğine gidin. Buradan Uygulama Havuzu Düzenle seçeneğini açarak, Net CLR Sürümü kısmını Yönetilen Kod Yok olarak ayarlayın.
  8. Son olarak, backend’in çalıştığından emin olmak için IIS’in sağ panelinde bulunan Web sitesine gözat seçeneğine tıklayın. 
  9. Web sitesine erişim sağladıktan sonra, URL’nin sonuna /swagger ekleyin. Eğer her şey doğru şekilde ayarlandıysa, backend’inizin düzgün çalıştığını göreceksiniz! 

İşte bu kadar! Backend kurulumunuz tamamlandı.

Eğer yayınlama sırasında sorunlarla karşılaşırsanız, endişelenmeyin! Şimdi bazı yaygın hatalara ve çözümlerine bakalım.

  • 500.30 Hatası, genellikle veritabanı bağlantı dizenizde bir hata olduğunda veya .NET 6 Hosting Bundle eksik yüklendiğinde görülür. Appsettings.json dosyanızı kontrol edin ve gerekli izinleri doğrulayın.
  • "Network Error" Hatası ise  frontend’in backend URL’sine erişemediği anlamına gelir. Configuration Manager ayarlarında Backend URL kısmını tekrar gözden geçirin.

Son olarak, uygulamanızın performansını artırmak için birkaç küçük optimizasyon önerimiz var:

IIS’te uygulama havuzunuzu "Always Running" moduna geçirin. Bu ayar, uygulamanızın sürekli aktif kalmasını sağlayarak yükleme süresini ciddi anlamda kısaltacaktır.

Artık Kuika uygulamalarınızı on-prem sunuculara başarılı bir şekilde yayınlamaya hazırsınız. 

Bu öğrenme içeriğinde geliştirdiğiniz web uygulamaları On-prem Windows sunucularda yayınlama süreçlerine yakından bakacağız.

İlk olarak, Kuika platformuna giriş yaparak uygulamanızın sunucularla iletişim kurmasını sağlayacak ayarları yapmak gerekiyor. 

  1. Bunun için Configuration Manager modülünü açın.
  2. App Settings sekmesine tıklayın.

Burada dikkat etmeniz gereken üç önemli nokta var:

  • Birincisi, veritabanı bağlantınızı ayarlamak. "Connection Settings" alanındaki DB Connection String kısmına, uygulamanızın veritabanına erişim için gerekli bilgileri girin. 
  • İkincisi, backend URL’sini doğru bir şekilde yapılandırmak. Backend URL alanına, backend’inizi çalıştırdığınız sunucu adresini girin.
  • Girilen bilgilerle birlikte, yaptığınız bu yapılandırma ayarlarını "SAVE/UPDATE" butonuna tıklayarak kaydedin.

Şimdi sırada uygulamayı yayınlamak var.

  1. Platformda sağ üst köşede Preview butonu yanında bulunan üç noktaya tıklayın. 
  2. Karşınıza çıkan seçeneklerden "Web" işaretleyin ve ardından "Publish" butonuna basın. 
  3. İşlem tamamlandığında, hem frontend hem de backend dosyalarınız bir ZIP paketi olarak e-posta adresinize gönderilecek.

Uygulamanızı onprem sunucularda çalıştırmadan önce, sunucularınızda bazı hazırlıklar yapmamız gerekiyor.

  1. İlk adım, IIS üzerinden frontend ve backend için klasörler oluşturmak. Bunun için, sunucunuzdaki C:\inetpub\wwwroot dizinine gidin ve iki ayrı klasör oluşturun: biri frontend, diğeri backend için.
  2. Sonrasında, size gönderilen ZIP dosyalarını bu klasörlere açın ve dosyaları yerleştirin.
    Ancak bu aşamada unutmayın: URL Rewrite ve .NET 6 Hosting Bundle gibi bileşenlerin sunucunuzda yüklü olması gerekiyor. Bu bileşenler, uygulamanızın sorunsuz çalışması için kritik öneme sahiptir.

Şimdi uygulamanızı IIS üzerinden yayınlama adımlarına geçelim.

Frontend kurulumu ile başlayalım.

  1. İlk olarak, IIS yönetici ekranında "Siteler" sekmesine gidip "Web Sitesi Ekle" seçeneğini seçin.

  2. Site adı kısmını belirtin ve fiziksel yol olarak C:\inetpub\wwwroot\ altına yüklediğiniz frontend dosyalarını seçin.

Frontend kurulumu için Web UI klasörünün seçilmesi gerektiğini unutmayın.

  1. Eğer SSL sertifikası kullanıyorsanız, bağlantı türünü HTTPS olarak seçin ve 443 portunu belirtin.

  2. Ana bilgisayar adı olarak uygulamanızın domain ismini girin.

(!) "Sunucu adı gösterimi iste" seçeneği mutlaka işaretlenmelidir, çünkü bu sayede hangi portun hangi URL’e yönlendirileceği belirlenebilir.

  1. HTTPS protokolü kullanıyorsanız, SSL Sertifikası alanından sunucunuza eklediğiniz SSL sertifikasını seçin.

  2. Frontend’in çalıştığından emin olmak için IIS’in sağ panelinde bulunan "Web sitesine gözat" kısmındaki linke tıklayın ve frontend’in doğru şekilde çalıştığını kontrol edin.

Bu adımları tamamladığınızda, Frontend’in sorunsuz bir şekilde çalıştığını görebilirsiniz.

Şimdi Backend kurulumuna bakalım,

  1. Öncelikle, backend için yeni bir site oluşturmanız gerekiyor. Bunun için IIS üzerinden bir site oluşturun ve domain kısmına backend için belirlediğiniz bir domain adını girin. Örneğin, backend.mysite.com gibi.
  2. Site adını belirledikten sonra, fiziksel yol olarak backend dosyalarını yüklediğiniz dizini seçin. Bu dizin genelde şu şekilde olur:
    C:\inetpub\wwwroot\backend. Eğer bu dizin henüz yoksa, önceden oluşturduğunuzdan emin olun.
  3. Eğer bir SSL sertifikası kullanıyorsanız, bağlantı türünü HTTPS olarak ayarlamayı unutmayın. 
  4. Ayrıca, port numarasını da 443 olarak belirleyin.
  5. Ana bilgisayar adı kısmına backend için belirlediğiniz domain adını yazın. Örneğin: backend.mysite.com.
  6. Şimdi, uygulama havuzuna geçelim. Backend için oluşturulan uygulama havuzunu bulun ve üzerine sağ tıklayın. 
  7. Ardından, Temel Ayarlar seçeneğine gidin. Buradan Uygulama Havuzu Düzenle seçeneğini açarak, Net CLR Sürümü kısmını Yönetilen Kod Yok olarak ayarlayın.
  8. Son olarak, backend’in çalıştığından emin olmak için IIS’in sağ panelinde bulunan Web sitesine gözat seçeneğine tıklayın. 
  9. Web sitesine erişim sağladıktan sonra, URL’nin sonuna /swagger ekleyin. Eğer her şey doğru şekilde ayarlandıysa, backend’inizin düzgün çalıştığını göreceksiniz! 

İşte bu kadar! Backend kurulumunuz tamamlandı.

Eğer yayınlama sırasında sorunlarla karşılaşırsanız, endişelenmeyin! Şimdi bazı yaygın hatalara ve çözümlerine bakalım.

  • 500.30 Hatası, genellikle veritabanı bağlantı dizenizde bir hata olduğunda veya .NET 6 Hosting Bundle eksik yüklendiğinde görülür. Appsettings.json dosyanızı kontrol edin ve gerekli izinleri doğrulayın.
  • "Network Error" Hatası ise  frontend’in backend URL’sine erişemediği anlamına gelir. Configuration Manager ayarlarında Backend URL kısmını tekrar gözden geçirin.

Son olarak, uygulamanızın performansını artırmak için birkaç küçük optimizasyon önerimiz var:

IIS’te uygulama havuzunuzu "Always Running" moduna geçirin. Bu ayar, uygulamanızın sürekli aktif kalmasını sağlayarak yükleme süresini ciddi anlamda kısaltacaktır.

Artık Kuika uygulamalarınızı on-prem sunuculara başarılı bir şekilde yayınlamaya hazırsınız. 

Dosyalar

No items found.

Sözlük

No items found.

Ödev

E-Posta Tasarımı
Email Builder Temelleri
Şablonların Kullanımı
Yeni Email Tasarımı
Mobil Arayüz Geliştirme
Mobil Ekran Tasarımlarına Giriş
Tabbar Tasarımı
Dashboard Ekran Tasarımım
Form Ekranının Tasarlanması
Listeleme Ekran Tasarımım
Detay Ekran Tasarımı
Mobile UI Prototipleme
Web UI Prototipleme
Aksiyonlarla Çalışmak
Navigasyonlarla Çalışma
Ekran Gösterim Tipleri
Web Prototip Hazırlama
Notify Ekleme
Preview Alma
Web Arayüz Tasarımına Giriş
Web Ekran Tasarımlarına Giriş
Registration Ekran Tasarımı
Header Tasarımı
Master Ekranlarla Çalışma
Menü Tasarımı
Dashboard Ekran Tasarımı
Listeleme Ekran Tasarımı
Form Ekran Tasarımı
Display Ekran Tasarımı
Elementler
Container Elementler
Date and Time Input Elementler
Display Elementler
Text Input Elementler
Numeric Input Elementler
Select Input Elementler
Data Elementler
Navigation Elementler
Interactive Elementler
Chart Elementler
Kuika'da Arayüz Tasarımına Giriş
Kuika Platformu'nda Kullanıcı Deneyimi
Uygulama Arayüz Tasarımı Süreci
Renklerle Çalışma
Boşlukların Tanımı
Yazı Stilleriyle Çalışma
Kompleks Stillerle Çalışma
Mock Data ile Çalışma
Konsept Tasarımı
Wireframe İlk Fikrin Görselleştirilmesi
Konsept Tasarımlarının Hazırlanması
UX Tasarımı
Kullanılabilirlik İlkeleri
Temel Tasarım İlkeleri
Bilgi Mimarisi
Ekranlar Arası Akış
Analiz ve Planlama
Proje Kapsamını ve Hedeflerini Tanımlama
Analiz Dokümanının Okunması
Örnek Diagramlarla Akış Okuma ve İhtiyaçların Tanımlanması
Projenin Planlanması
Designer Eğitim Seti Giriş
Low-Code Nedir?
Kuika Nedir?
Kuika ile Neler Yapabilirsin?
Platform Arayüzünü İnceleyelim
Öğrenim Sürecini Anlamak