Apillon tarifi #2: YouTube’a bir Web3 alternatifi

Apillon Turkiye
8 min readNov 12, 2023

Web3 tariflerinin ikinci bölümünde, video dosyaları için Web3 Depolama alanı oluşturmayı, bunu istemci tarafı kullanıcı arayüzlerine bağlamayı ve platformu merkezi olmayan bir ağ üzerinde barındırmayı öğreneceksiniz.

Neden YouTube’a bir Web3 alternatifi?

Gerçekten neden? Neden YouTube büyüklüğünde bir devle rekabet edesiniz ki? Aslında kendi başınıza rekabet etmenize gerek yok. Video içerik endüstrisi olan sonsuz tavşan deliğini (ve altın madeni) yeniden tanımlamanın merkezi olmayan bir yolundan yararlanabilirsiniz.

  • Yüklenen videoları Web3 depolama alanında depolayarak, platformunuza bir şey olsa bile bunların erişilebilir kalmasını sağlarsınız.
  • Merkezi olmayan barındırma sayesinde video sitesi, merkezi barındırma sağlayıcılarına bağımlı değildir ve tek nokta saldırıları veya sansür risklerini azaltır.
  • DID’ler veya NFT’ler gibi diğer Web3 hizmetlerini entegre ederek kullanıcılara hesapları ve video sahipliği konusunda daha fazla güç verebilirsiniz.

Videolar için Web3 Depolama ve Barındırma

Apillon platformu ile öncelikle Web3 Storage ve Web3 Hosting hizmetlerini kullanarak video platformunuzu kolaylıkla Web3 seviyesine yükseltebilirsiniz .

Her ikisi de bağlantılı dosyaları dünya çapındaki IPFS düğümlerine sabitleyen bir Polkadot parachain olan Crust Network’ün yoğunlaştırılmış ve amaca yönelik teknolojisini temsil ediyor.

Tüm süreç Apillon kontrol paneli Web3 hizmetleri ve API anahtarları kullanılarak yapılabilir.

🔎 Apillon’un Web3 Depolama ve Barındırma hizmetleri hakkında daha fazla bilgi edinin. 👇

İnşaata başlamaya hazır mısınız? Hadi gidelim.

1. Adım: Web3 Depolama grubu oluşturun

Apillon kontrol paneline giriş yapın ve soldaki menüde Depolama’ya gidin . Sarı düğmeye tıklayarak yeni bir depolama paketi oluşturun.

🔎 Depolama paketi hakkında daha fazla bilgi edinin .

Açılır pencerede, diğer amaçlı merkezi olmayan depolama paketlerinden kolayca ayırt etmek için paket adınızı girin. Bir açıklama da ekleyin ve “Paket oluştur ve yönetime devam et”i tıklayın.

🔎 Not: Apillon ile merkezi olmayan bir ağda 5 GB’a kadar dosyayı ücretsiz olarak depolayabilirsiniz; bu, diğer merkezi olmayan depolama sağlayıcılarından çok daha fazladır. Gelecek sürümlerde platform, IPFS’ye 100 GB’a kadar daha fazla dosya yüklemenize ve depolamanıza olanak tanıyacak.

2. Adım: İstemci tarafı video yükleme kullanıcı arayüzü oluşturun

Web3 video platformunuzun amaçlanan amaca hizmet etmesi için kitlenizin videoları merkezi olmayan depolamaya yüklemesine izin verin.

Bunun için aşağıdakilere ihtiyacınız var:

  • JavaScript, ReactJS, Vue, Angular veya statik web siteleri oluşturabilen herhangi bir istemci tarafı çerçevesinde yazılmış özel bir ön uç web sitesi
  • Kullanıcıların yüklenen video dosyalarına sahip olmaları ve bunları yönetmeleri için bir cüzdan bağlantı işlevi
  • Videoları Apillon Web3 Depolama gruplarına yüklemek ve sayfaya bağlı cüzdanlara yönelik ilişkiler oluşturmak için iş mantığı
  • Apillon Web3 Hosting’de barındırılan istemci tarafı video yükleme kullanıcı arayüzü (yani bir web sitesi)
  • Apillon Web3 Barındırma hizmeti aracılığıyla bağlanan özel bir alan adı

Web sitesi şablonu için Apillon GitHub’ta bulunan NFT web sitesi şablonları gibi önceden hazırlanmış Apillon şablonlarını kullanabilirsiniz .

Artık bu şablonlar, NFT koleksiyonlarını görüntüleme amacına hizmet etse de, JavaScript , ReactJS ve VueJS çerçevelerine ve kullanıcıların, video platformunuz için kolayca kopyalanabilen cüzdanlarını bağlamasına olanak tanıyan bir bileşene dayalıdır .

Seçilen GitHub deposunu kopyalamanız, NFT’leri görüntülemek için gereksiz parçaları kaldırmanız ve bunun yerine kullanıcıların videoları web sitesine sürükleyip bırakmasına ve dosyaları Apillon Web3 Depolama’ya göndermesine olanak tanıyan ön uç ve iş mantığını oluşturmanız yeterlidir.

Daha fazla bilgi edin. 👇

3. Adım: Web3'te Barındırma

Web sitenizi barındırmak için Web3 video platformunuzun büyümesini destekleyen ölçeklenebilir bir hizmete ihtiyacınız vardır. Apillon ile Crust Network üzerinden IPFS üzerinde barındırabilirsiniz.

Apillon kontrol panelinde Hosting’e gidin veİlk web sitesini ekle”ye tıklayın.

Web sitenizin adını ve açıklamasını girin ve “Web sitesi oluştur”a tıklayın.

Bir sonraki adımda, web sitesi içeriklerini merkezi olmayan bir şekilde barındırmak için yüklemeniz istenecektir.

Şimdi web sitesi içeriğini Apillon kontrol paneline yükleyin ve Web3 Hosting’e taşıyın. “Dizin yükle”ye tıklayın veya ayrı dosyaları sürükleyip bırakın. Yerel sürücünüzden web sitesi dosyalarını seçin ve “Yükle”ye tıklayın .

Dosyalarınız yüklendikten ve Apillon kontrol panelinde göründükten sonra, dosya boyutu ve durumu gibi daha fazla ayrıntıyı görüntülemek için klasör adına tıklayın. Daha sonra üretim aşamasına geçmeden önce sağ üst köşedeki “Hazırlamaya dağıt” seçeneğine tıklayın .

Bu işlemin tamamlanması 5 dakika kadar sürebilir.

Dağıtıldıktan sonra, dosyaların IPNS bağlantısını görebilirsiniz; bu, içeriklerin merkezi olmayan bir ağa dağıtıldığını ve değiştirilebilir kaldığını gösterir; bu, içeriklerinin ve özelliklerinin sık sık güncellenmesini gerektiren web siteleri gibi projeler için çok önemlidir.

IPNS dosyasına tıklarsanız, web sitesi dosyalarınızı altında tutan IPFS tabanlı bir adrese yönlendirilirsiniz.

Apillon kontrol paneline geri dönün ve sağ üst köşedeki sarı düğmeye tıklayarak içerikleri üretime dağıtın.

Dağıtım başarılı olduktan sonra web sitenizin alan adını bağlamanın zamanı geldi.

4. Adım: Alanınızı bağlayın

Alan adı önizlemesi altında , henüz bir alan adınız yoksa “Alan adı ekle”ye veya Apillon barındırma için kullanmak ve yapılandırmak üzere zaten bir alan adınız varsa “Alan adını yapılandır” seçeneğine tıklayın .

Her iki durumda da DNS sunucunuza veya alan adı kayıt sitenize giriş yapmanız ve alan adınızla birlikte gelen DNS kayıtlarını eklemeniz veya düzenlemeniz gerekir.

Crust’un IPFS sabitlemesi ile desteklenen Apillon ile merkezileştirilmiş Web3 barındırmaya geçiş yapmak için yukarıdaki ayrıntıları etki alanı sağlayıcınızla güncelleyin.

5. Adım: Kullanıcı arayüzünü Depolama paketlerine bağlayın

Bu kılavuzun amacı doğrultusunda, basit bir mimari şema ile devam edelim; farklı kullanıcı haklarının kilidini açmak için iki ayrı Web3 Depolama API anahtarı oluşturun:

🔎 Not: Aynı sonucu elde etmek için bir diğer seçenek de Phala’nın kullanıcı haklarını işleyen iş mantığını içeren Phat sözleşmesini entegre etmektir. Apillon kontrol panelinde daha fazla hizmetin kullanıma sunulmasıyla birlikte, daha fazla yol benzer sonuçlara yol açacaktır.

5.1 Video yükleme kullanıcı arayüzünü Web3 Depolamaya bağlayın

İlk Web3 Depolama API anahtarının hem Okuma hem de Yazma izinleri olmalıdır. Anahtarı Web3 video platformunuzun ön ucuna bağlamak, kullanıcıların videolara bağlanmasına, yüklemesine ve izlemesine olanak tanır.

İstemci tarafı kullanıcı arayüzünüzü Apillon Web3 Depolama paketlerine bağlamak için ilk API anahtarını oluşturmak için Apillon kontrol paneli menüsüne gidin, Proje ayarlarına gidin ve API anahtarları sekmesi altında “Yeni anahtar oluştur”u tıklayın .

API Anahtarı adını girin ve Depolama hizmeti için API anahtarının oluşturulmasını etkinleştirin ; hem Okuma hem de Yazma izinlerinin işaretlendiğinden emin olun . “Oluştur”a tıklayın .

API anahtarı ayrıntıları bir açılır pencerede göründüğünde, API anahtarının sırrını kaydettiğinizden emin olun; bu, API anahtarınızın kilidini açmanın önemli bir parçasıdır.

Web3 video projenizin kullanıcı arayüzünün ilk API anahtarı hazır olduğunda sağdaki üç noktaya tıklayın ve “API anahtarını panoya kopyala” seçeneğine tıklayın .

Son olarak, istemci tarafı kullanıcı arayüzünüzü, yüklenen videoları içeren Apillon Web3 Depolama paketlerine bağlamak için yeni oluşturulan API anahtarını kullanın.

Yapmanız gereken bir sonraki şey, videoları yalnızca Web3 video platformunuzda görüntülemek için başka bir Web3 Depolama API anahtarı oluşturmaktır. 👇

5.2 Video oynatıcı kullanıcı arayüzünü Web3 Depolamaya bağlayın

Web3 video platformunuzun kötüye kullanılmasını önlemek için videoların yüklenmesine değil, yalnızca oynatılmasına izin veren başka, ayrı bir kullanıcı arayüzü oluşturun.

Bu kısım için başka bir Web3 Depolama API anahtarına ihtiyacınız var, ancak bu sefer yalnızca Okuma izinlerine sahip olacaksınız.

Apillon kontrol panelinde “ Yeni anahtar oluştur”a tıklayın.

Önceki anahtardan ayırt etmek için bu API anahtarının adını girin ve yalnızca Okuma izinlerinin işaretlendiğinden emin olun. “Oluştur”a tıklayın .

API anahtarı ayrıntıları göründüğünde, API anahtarı sırrını kaydedin ve devam edin.

Web3 Depolamaya yönelik salt okunur API anahtarınız artık hazır ve bunu, platformunuzda videoları görüntülemek için ayrı bir ön uçta kullanabilirsiniz.

6. Adım: Kullanıcı arayüzünü geliştirin, özellikleri yükseltin, başlatın

Yapılacaklar listenizdeki son şey, kullanıcı arayüzünüz için seçeneklerle oynamaktır. Platformunuzun büyümesine katkıda bulunmak, kullanıcı dostu özellikler eklemek ve bunu güzel bir tasarımla tamamlamak için hayranlarınızın videoları izlemesine ve yüklemesine izin verin.

Ve bunu biraz daha Web3 tadıyla renklendirmek için, gelecekteki sürümlerine diğer merkezi olmayan hizmetleri eklemeyi düşünün:

  1. Kullanıcı kaydı ve oturum açma işlemlerini desteklemek için Apillon’un Web3 Kimlik Doğrulama hizmetini entegre edin.
  2. Kullanıcıların, tam gizlilik kontrolü ve yükledikleri videoların tam mülkiyeti ile merkezi olmayan tanımlayıcıları (DID’ler) kullanmalarına izin verin.
  3. Video yeniden boyutlandırma veya başka bir dosya işleme mantığı eklemek için Web3 Bilgi İşlem hizmetini entegre edin.
  4. Videoları aktarılabilir NFT’ler olarak yayınlamak için NFT hizmetini entegre edin.

Apillon ile merkezi olmayan bir video görüntüleme ve paylaşım platformunu bu şekilde oluşturabilirsiniz. Elbette kullanıcı arayüzünü sıfırdan tasarlayarak veya API’leri projenizin tercihine göre değiştirerek her zaman kendi dokunuşunuzu ekleyebilirsiniz; çılgına dönün.

Apillon platformunda daha fazla Web3 hizmeti yükseltmesi için bizi izlemeye devam edin ve merkezi olmayan bir yaklaşıma, DID’lerle kullanıcı özerkliğine ve NFT’ler aracılığıyla dijital sahipliğe tam odaklanarak video işinizi geliştirin.

⧓ Apillon Hakkında

Apillon platformu, bağlantılı Polkadot parachain’leri tarafından sağlanan Web3 hizmetlerine birleşik bir ağ geçidi görevi görüyor. Çoklu zincir vizyonunu takip eden Apillon, geliştiricilerin Web3'e geçişine güç vererek Web3'ün reel ekonomide benimsenmesini basitleştiriyor ve ekosistem büyüdükçe çok yönlülüğünü genişletiyor. Apillon ile Web3 hizmetleri, blockchain teknolojisindeki geçmişleri ve deneyimleri ne olursa olsun her geliştiricinin erişimine açıktır.

Web sitesi | Viki | GitHub | Heyecan | Telgraf | LinkedIn | Reddit

--

--

Apillon Turkiye

https://blog.apillon.io geliştiricilerin @Polkadot ekosisteminde uygulama geliştirmelerine imkan sağlayan bir Web 3 platformu.