Web uygulaması kodunu hazırlama

  • 3 dakika

Bu ünitede web uygulamanız için kod oluşturmayı ve bunu bir kaynak denetimi deposuyla tümleştirmeyi öğreneceksiniz.

Web uygulamasını önyükleme

Web uygulamanızı dağıtmak için kaynakları oluşturduğunuza göre, dağıtmak istediğiniz kodu hazırlamanız gerekir. Yeni bir web uygulamasını önyüklemenin birçok yolu vardır, bu nedenle burada öğreneceğimiz şeyler alıştıklarından farklı olabilir. Burada amaç, dağıtıma kadar tam kapsamlı bir döngüyü tamamlamak için hızlı bir başlangıç noktası sağlamaktır.

Dekont

Bu sayfada gösterilen tüm kod ve komutlar yalnızca açıklama amaçlıdır; bunların hiçbirini yürütmeniz gerekmez. Bunları sonraki bir alıştırmada kullanacağız.

.NET SDK'sının bir parçası olan dotnet komut satırı aracı, yeni web uygulamasının kodunu doğrudan oluşturmanızı sağlar. Özellikle komutunu kullanarak dotnet new şablondan yeni bir uygulama oluşturabilirsiniz:

dotnet new mvc --name <YourAppName>

Bu komut, belirtilen ada sahip yeni bir klasörde yeni bir ASP.NET Core MVC uygulaması oluşturur.

Başlangıç düzeyinde bir web uygulamasını hızlıca oluşturmak için genellikle Java ekosisteminde kullanılan Maven (mvn) komut satırı aracını kullanabilirsiniz. Maven’ın, farklı türlerdeki uygulamalar için şablonları kullanarak hızla başlangıç kodu oluşturabilen archetypes adlı bir özelliği bulunur. Şablonu kullanarak maven-archetype-webapp giriş sayfasında "Merhaba Dünya!" görüntüleyen basit bir web uygulamasının kodunu oluşturabilirsiniz.

mvn archetype:generate -DgroupId=example.webapp -DartifactId=helloworld -DinteractiveMode=false -DarchetypeArtifactId=maven-archetype-webapp

Bu komut, uygulamanızın kaynak kodunu içeren bir helloworld klasör oluşturur.

Yeni bir uygulama oluşturmak için Node.js ile birlikte gelen Node Paket Yöneticisi (npm) komut satırı aracını kullanabilirsiniz. komutu init uygulamanız için yeni bir package.json gereklilik oluşturur:

npm init -y

Geçerli klasörde oluşturulan dosyayı açarsanız package.json , web uygulamanızın nasıl çalışması gerektiğini açıklamak için bölümüne bir start girdi scripts ekleyebilirsiniz:

...
  "scripts": {
    "start": "node index.js"
  },
...

Bunu yaptıktan sonra web uygulamanızın gerçek kodunu yeni index.js bir dosyaya yazabilirsiniz:

const http = require('http');
const port = process.env.PORT || 3000;

http.createServer(function(request, response) {
  response.writeHead(200, { 'Content-Type': 'text/plain' });
  response.end('Hello World!');
}).listen(port);

console.log(`Server running at http://localhost:${port}`);

Bu örnek kod, bilgisayarınızın 3000 numaralı bağlantı noktasını dinleyen ve her isteği "Merhaba Dünya!" iletisiyle yanıtlayan bir sunucu oluşturur.

Birkaç kod satırı kullanarak yeni bir web uygulaması başlatıcısı oluşturmak için yaygın olarak kullanılan bir web uygulaması çerçevesi olan Flask'i kullanabilirsiniz. Flask'i aşağıdaki komutu kullanarak yükleyebilirsiniz:

pip install flask

Flask ortamınızda kullanılabilir duruma geldikten sonra şu kodu kullanarak minimal bir web uygulaması oluşturabilirsiniz:

from flask import Flask
app = Flask(__name__)

@app.route("/")
def hello():
    return "Hello World!\n"

Bu örnek kod, her isteği "Merhaba Dünya!" iletisiyle yanıtlayan bir sunucu oluşturur.

Kodunuzu kaynak kodu denetimine ekleme

Web uygulama kodunuz hazır olduktan sonra, sonraki adım genellikle kodu Git gibi bir kaynak denetimi deposuna yerleştirmektir. Makinenizde Git yüklüyse, kaynak kodu klasörünüzde bu komutları çalıştırmak depoyu başlatır.

git init
git add .
git commit -m "Initial commit"

Bu komutlar yerel bir Git deposu başlatmanıza ve kodunuzla ilk işlemeyi oluşturmanıza olanak sağlar. Değişikliklerinizin geçmişini işlemelerle tutma avantajını hemen elde edebilirsiniz. Daha sonra yerel deponuzu uzak bir depoyla da eşitleyebileceksiniz; örneğin, GitHub'da barındırabilirsiniz. Bu, sürekli tümleştirme ve sürekli dağıtım (CI/CD) ayarlamanıza olanak tanır. Üretim uygulamaları için kaynak denetimi deposu kullanmanızı öneririz ancak bir uygulamayı Azure Uygulaması Hizmeti'ne dağıtabilmek gerekli değildir.

Dekont

CI/CD kullanmak, her kod değişikliği için derlemeleri, testleri ve dağıtımları otomatikleştirerek güvenilir bir şekilde daha sık kod dağıtımı sağlar. Uygulamanız için yeni özelliklerin ve hata düzeltmelerinin daha hızlı ve daha etkili bir şekilde sunulmasını sağlar.