Menyiapkan kode aplikasi web
Di unit ini, Anda akan mempelajari cara membuat kode untuk aplikasi web Anda dan mengintegrasikannya ke dalam repositori kontrol sumber.
Bootstrap aplikasi web
Setelah membuat sumber daya untuk menyebarkan aplikasi web, Anda harus menyiapkan kode yang ingin Anda sebarkan. Ada banyak cara untuk bootstrap aplikasi web baru, jadi apa yang akan kita pelajari di sini mungkin berbeda dengan apa yang biasa Anda lakukan. Tujuannya adalah untuk dengan cepat memberi Anda titik awal untuk menyelesaikan siklus penuh hingga penyebaran.
Catatan
Semua kode dan perintah yang ditampilkan di halaman ini hanya untuk tujuan penjelasan; Anda tidak perlu mengeksekusi salah satunya. Kita akan menggunakannya dalam latihan berikutnya.
Alat dotnet baris perintah yang merupakan bagian dari .NET SDK memungkinkan Anda untuk langsung membuat kode untuk aplikasi web baru. Secara khusus, Anda dapat menggunakan dotnet new perintah untuk menghasilkan aplikasi baru dari templat:
dotnet new mvc --name <YourAppName>
Perintah ini membuat aplikasi ASP.NET Core MVC baru di folder baru dengan nama yang ditentukan.
Untuk membuat aplikasi web pemula dengan cepat, Anda dapat menggunakan alat baris perintah Maven ( mvn ) yang biasa digunakan dalam ekosistem Java. Secara khusus, Maven menyertakan fitur yang disebut arketipe yang dapat dengan cepat membuat kode pemula untuk berbagai jenis aplikasi menggunakan templat. Anda dapat menggunakan templat maven-archetype-webapp untuk membuat kode aplikasi web sederhana yang menampilkan "Halo Dunia!" di berandanya.
mvn archetype:generate -DgroupId=example.webapp -DartifactId=helloworld -DinteractiveMode=false -DarchetypeArtifactId=maven-archetype-webapp
Perintah ini membuat helloworld folder yang berisi kode sumber untuk aplikasi Anda.
Anda dapat menggunakan alat baris perintah Node Package Manager ( npm ) yang dilengkapi dengan Node.js untuk membuat aplikasi baru. Perintah init membuat baru package.json yang diperlukan untuk aplikasi Anda:
npm init -y
Jika Anda membuka package.json file yang dibuat pada folder saat ini, Anda dapat menambahkan start entri ke scripts bagian untuk menjelaskan bagaimana aplikasi web Anda harus berjalan:
...
"scripts": {
"start": "node index.js"
},
...
Setelah melakukannya, Anda dapat menulis kode aktual aplikasi web Anda dalam file baru index.js :
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}`);
Kode contoh ini membuat server yang mendengarkan pada port 3000 komputer Anda dan menjawab setiap permintaan dengan pesan "Halo Dunia!".
Untuk membuat pemula aplikasi web baru menggunakan beberapa baris kode, Anda dapat menggunakan Flask, yang merupakan kerangka kerja aplikasi web yang umum digunakan. Anda dapat menginstal Flask menggunakan perintah berikut:
pip install flask
Setelah Flask tersedia di lingkungan Anda, Anda dapat membuat aplikasi web minimal menggunakan kode ini:
from flask import Flask
app = Flask(__name__)
@app.route("/")
def hello():
return "Hello World!\n"
Kode contoh ini membuat server yang menjawab setiap permintaan dengan pesan "Halo Dunia!".
Menambahkan kode Anda ke kontrol sumber
Setelah kode aplikasi web Anda siap, langkah selanjutnya biasanya adalah memasukkan kode ke dalam repositori kontrol sumber seperti Git. Jika Anda telah menginstal Git di komputer Anda, menjalankan perintah ini di folder kode sumber Anda akan menginisialisasi repositori.
git init
git add .
git commit -m "Initial commit"
Perintah ini memungkinkan Anda menginisialisasi repositori Git lokal dan membuat penerapan pertama dengan kode Anda. Anda segera mendapatkan manfaat dari menyimpan riwayat perubahan Anda dengan penerapan. Kemudian, Anda juga dapat menyinkronkan repositori lokal Anda dengan repositori jarak jauh; misalnya, dihosting di GitHub. Ini memungkinkan Anda menyiapkan integrasi berkelanjutan dan penyebaran berkelanjutan (CI/CD). Meskipun sebaiknya gunakan repositori kontrol sumber untuk aplikasi produksi, ini bukan persyaratan untuk dapat menyebarkan aplikasi ke Azure App Service.
Catatan
Menggunakan CI/CD memungkinkan penyebaran kode yang lebih sering dengan cara yang andal, dengan mengotomatisasi build, pengujian, dan penyebaran untuk setiap perubahan kode. Ini memungkinkan pengiriman fitur baru dan perbaikan bug untuk aplikasi Anda lebih cepat dan lebih efektif.