Adım adım açıklamalı kılavuzlar

Python

Python örneğimizde Flask çerçevesi kullanılmaktadır. Tam kaynak kodunu sağlanan bağlantılardan indirebilirsiniz.

Gerekirse Python 3.7 veya sonraki bir sürümü yükleyin ve pip simgesinin kullanılabilir olduğundan emin olun.

python3 -m ensurepip --upgrade

Ayrıca yeni bir Python sanal ortamı oluşturup etkinleştirmenizi öneririz.

python3 -m venv .classroom-addon-env
source .classroom-addon-env/bin/activate

İndirilen örneklerdeki her adım adım açıklama alt dizininde requirements.txt bulunur. pip kullanarak gerekli kitaplıkları hızlıca yükleyebilirsiniz. İlk adım adım açıklama için gerekli kitaplıkları yüklemek üzere aşağıdaki komutları kullanın.

cd flask/01-basic-app
pip install -r requirements.txt

Node.js

Node.js örneğimizde Express çerçevesi kullanılmaktadır. Tam kaynak kodunu sağlanan bağlantılardan indirebilirsiniz.

Bu örnek için Node.js v16.13 veya sonraki bir sürüm gereklidir.

Gerekli düğüm modüllerini npm kullanarak yükleyin.

npm install

Java

Java örneğimizde Spring Boot çerçevesi kullanılmaktadır. Tam kaynak kodunu sağlanan bağlantılardan indirebilirsiniz.

Makinenizde yüklü değilse Java 11+'yı yükleyin.

Spring Boot uygulamaları, derlemeleri işlemek ve bağımlılıkları yönetmek için Gradle veya Maven'i kullanabilir. Bu örnekte, Maven'in kendisini yüklemenizi gerektirmeden başarılı bir derleme sağlayan Maven sarmalayıcısı yer alır.

Projeyi indirdiğiniz veya klonladığınız dizinde, projeyi çalıştırmak için ön koşulları karşıladığınızdan emin olmak üzere aşağıdaki komutları çalıştırın.

java --version
./mvnw --version

Alternatif olarak Windows'da:

java -version
mvnw.cmd --version

Python

• Dizin kökü aşağıdaki dosyaları içerir:

  • main.py - Python uygulamasının giriş noktası. Bu dosyada kullanmak istediğiniz sunucu yapılandırmasını belirtin, ardından sunucuyu başlatmak için dosyayı çalıştırın.
  • requirements.txt - Web uygulamasını çalıştırmak için gereken Python modülleri. Bunlar pip install -r requirements.txt kullanılarak otomatik olarak yüklenebilir.

  • client_secret.json - Google Cloud'dan indirilen istemci gizli anahtarı dosyası. Bu dosyanın örnek arşivde yer almadığını unutmayın. İndirilen kimlik bilgileri dosyanızı yeniden adlandırmanız ve her dizin köküne kopyalamanız gerekir.

• config.py - Flask sunucusu için yapılandırma seçenekleri.

• webapp dizini, web uygulamasının içeriğini barındırır. Aşağıdaki konular ele alınmıştır:

• Çeşitli sayfalar için Jinja şablonlarının bulunduğu /templates/ dizini.

• Resimler, CSS ve yardımcı JavaScript dosyalarının bulunduğu /static/ dizini.

• routes.py - Web uygulaması rotaları için işleyici yöntemleri.

• __init__.py - webapp modülünün başlatıcısı. Bu başlatıcı, Flask sunucusunu başlatır ve config.py içinde ayarlanan yapılandırma seçeneklerini yükler.

• Belirli bir adımda gerekli olan ek dosyalar.

Node.js

Adımların her biri kendi <step> alt klasöründe yer alır. Her adımda şunlar bulunur:

• JavaScript, CSS ve resim gibi statik dosyalar ./<step>/public klasöründe bulunur.
• Express yönlendiriciler ./<step>/routes klasörlerinde bulunur.
• HTML şablonları ./<step>/views klasörlerinde bulunur.
• Sunucu uygulaması ./<step>/app.js.

Java

Proje dizini şunları içerir:

• src.main dizini, uygulamanın başarıyla çalıştırılması için kaynak kodu ve yapılandırmayı içerir. Bu dizin aşağıdakileri içerir: + java.com.addons.spring dizini, Application.java ve Controller.java dosyalarını içerir. Application.java dosyası uygulama sunucusunu çalıştırmaktan, Controller.java dosyası ise uç nokta mantığını yönetmekten sorumludur. + resources dizini, HTML ve JavaScript dosyalarını içeren templates dizinini içerir. Ayrıca, sunucunun çalıştırılacağı bağlantı noktasını, anahtar deposu dosyasının yolunu ve templates dizininin yolunu belirten application.properties dosyasını da içerir. Bu örnekte, resources dizininde anahtar deposu dosyası yer almaktadır. Dosyayı istediğiniz yerde saklayabilirsiniz ancak application.properties dosyasını yola göre güncellediğinizden emin olun.
  • pom.xml, projeyi oluşturmak ve gerekli bağımlılıkları tanımlamak için gereken bilgileri içerir.
  • .gitignore, git'e yüklenmemesi gereken dosya adları içeriyor. Anahtar deponuzun yolunu .gitignore içine eklediğinizden emin olun. Sağlanan örnekte bu secrets/*.p12'dır (anahtar deposunun amacı aşağıdaki bölümde açıklanmıştır). 2. adım ve sonrasında, gizli dizilerinizi uzak bir depoya eklememek için client_secret.json dosyanızın yolunu da eklemeniz gerekir. 3. ve sonraki adımlarda H2 veritabanı dosyası ile dosya veri deposu fabrikasının yolunu eklemeniz gerekir. Bu veri depolarının kurulumu hakkında daha fazla bilgiyi Tekrarlanan ziyaretleri işleme ile ilgili üçüncü adım adım açıklamalı kılavuzda bulabilirsiniz.
  • mvnw ve mvnw.cmd, sırasıyla Unix ve Windows için Maven sarmalayıcı yürütülebilir dosyalarıdır. Örneğin, Unix'te ./mvnw --version komutunu çalıştırmak, diğer bilgilerin yanı sıra Apache Maven sürümünü de verir.
  • .mvn dizini, Maven sarmalayıcısı için yapılandırma içerir.

Python

OAuth kimlik bilgileri

OAuth kimlik bilgilerinizi daha önce açıklandığı gibi oluşturun ve indirin. JSON dosyasını, uygulamanızın sunucu başlatma dosyasıyla birlikte kök dizine yerleştirin.

Sunucuyu yapılandırma

Web sunucusunu çalıştırmak için çeşitli seçenekleriniz vardır. Python dosyanızın sonuna aşağıdakilerden birini ekleyin:

1. Güvenli olmayan localhost. Bu yöntemin yalnızca doğrudan bir tarayıcı penceresinde test etmek için uygun olduğunu unutmayın. Güvenli olmayan alanlar, Classroom eklentisi iFrame'ine yüklenemez.

   if __name__ == "__main__":
     # Disable OAuthlib's HTTPs verification.
     os.environ["OAUTHLIB_INSECURE_TRANSPORT"] = "1"
   
     # Run the web app at http://localhost:5000.
     app.run(debug=True)
   

2. Güvenli localhost ssl_context bağımsız değişkeni için bir SSL anahtar dosyası grubu belirtmeniz gerekir.

   if __name__ == "__main__":
     # Run the web app at https://localhost:5000.
     app.run(host="localhost",
             ssl_context=("localhost.pem", "localhost-key.pem"),
             debug=True)
   

3. Gunicorn sunucusu. Bu, üretime hazır bir sunucu veya bulut dağıtımı için uygundur. Bu başlatma seçeneğiyle kullanılmak üzere bir PORT ortam değişkeni ayarlamanızı öneririz.

   if __name__ == "__main__":
     # Run the web app at https://<your domain>:<server_port>.
     # Defaults to https://<your domain>:8080.
     server_port = os.environ.get("PORT", "8080")
     app.run(debug=True, port=server_port, host="0.0.0.0")
   

Sunucuyu başlatma

Sunucuyu önceki adımda yapılandırıldığı şekilde başlatmak için Python uygulamanızı çalıştırın.

python main.py

Web uygulamanızın doğru şekilde çalıştığını onaylamak için tarayıcıda web uygulamanızı görüntülemek üzere gösterilen URL'yi tıklayın.

Node.js

Sunucuyu yapılandırma

Sunucuyu HTTPS üzerinden çalıştırmak için uygulamayı HTTPS üzerinden çalıştırmak üzere kullanılan bir kendi kendine sertifika oluşturmanız gerekir. Bu kimlik bilgileri, depo kök klasörüne sslcert/cert.pem ve sslcert/key.pem olarak kaydedilmelidir. Tarayıcınızın bu anahtarları kabul etmesi için işletim sisteminizin anahtarlık bölümüne eklemeniz gerekebilir.

Dosyayı Git'e işlememek istediğiniz için *.pem karakterinin .gitignore dosyanızda bulunduğundan emin olun.

Sunucuyu başlatma

Uygulamayı aşağıdaki komutla çalıştırabilirsiniz. step01 yerine sunucu olarak çalıştırmak istediğiniz doğru adımı (örneğin, 01-basic-app için step01 ve 02-sign-in için step02) kullanın.

npm run step01

veya

npm run step02

Bu işlem, https://localhost:5000 adresinde web sunucusunu başlatır.

Sunucuyu terminalinizde Control + C ile sonlandırabilirsiniz.

Java

Sunucuyu yapılandırma

Sunucuyu HTTPS üzerinden çalıştırmak için uygulamayı HTTPS üzerinden çalıştırmak üzere kullanılan bir kendi kendine sertifika oluşturmanız gerekir.

Yerel geliştirme için mkcert kullanabilirsiniz. mkcert'ı yükledikten sonra aşağıdaki komutlar, HTTPS üzerinden çalışacak yerel olarak depolanmış bir sertifika oluşturur.

mkcert -install
mkcert -pkcs12 -p12-file <path_to_keystore> <domain_name>

Bu örnekte, kaynaklar dizininde anahtar deposu dosyası yer almaktadır. Dosyayı istediğiniz yerde saklayabilirsiniz ancak application.properties dosyasını yola göre güncellediğinizden emin olun. Alan adı, projeyi üzerinde çalıştırdığınız alandır (örneğin, localhost).

Dosyayı Git'e işlememek istediğiniz için *.p12 karakterinin .gitignore dosyanızda bulunduğundan emin olun.

Sunucuyu başlatma

main dosyasında Application.java yöntemini çalıştırarak sunucuyu başlatın. Örneğin, IntelliJ'de Application.java > Run 'Application' öğesini src/main/java/com/addons/spring dizininde sağ tıklayabilir veya Application.java dosyasını açıp main(String[] args) yöntem imzasının solundaki yeşil oku tıklayabilirsiniz. Alternatif olarak, projeyi bir terminal penceresinde çalıştırabilirsiniz:

./mvnw spring-boot:run

veya Windows'da:

mvnw.cmd spring-boot:run

Bu işlem, sunucuyu https://localhost:5000 adresinde veya application.properties içinde belirttiğiniz bağlantı noktasında başlatır.