Penerapan game global dalam 1 menit dengan Functions and Pages dan MCP - Edge Security Acceleration

Gunakan ESA's Functions and Pages dan ESA MCP Server, dikombinasikan dengan model bahasa besar (LLM) dan tool pemrograman AI, untuk menerapkan game 2048 secara global dalam satu menit menggunakan satu prompt dan konfigurasi sederhana.

Keunggulan solusi

Ikhtisar solusi

Untuk membuat dan menerapkan game 2048 dengan cepat, ikuti langkah-langkah berikut:

Aktifkan layanan Functions and Pages ESA: Layanan ini menyediakan lingkungan runtime untuk game berdasarkan fitur-fitur ESA Functions and Pages, seperti penerapan global, latensi ultra-rendah, skalabilitas otomatis, dan arsitektur tanpa server.
Konfigurasikan tool pemrograman AI Cline: Cline membangun koneksi efisien antara IDE Anda dan LLM. Anda dapat menggunakan satu prompt untuk menghasilkan dan men-debug kode, serta memanggil ESA MCP Server guna menerapkan kode ke titik kehadiran (POP) ESA.
Konfigurasikan ESA MCP Server: Model Context Protocol (MCP) adalah protokol standar yang membangun komunikasi dua arah antara LLM dan sistem eksternal. Dengan MCP, LLM dapat memperoleh informasi konteks terkini—seperti identitas pengguna dan status perangkat—serta memanggil API platform untuk melakukan operasi jarak jauh, seperti membaca data, menulis data, dan mengontrol perangkat. Hal ini memungkinkan LLM memberikan tanggapan yang lebih akurat terhadap perintah pengguna.

ESA MCP Server adalah layanan API terbuka dan terstandarisasi yang disediakan oleh ESA untuk mendukung integrasi dengan LLM. Developer dapat menggunakan LLM untuk memicu operasi seperti membuat, memperbarui, dan menerbitkan aplikasi di Functions and Pages melalui ESA MCP Server. Pendekatan ini memungkinkan manajemen cerdas atas tugas komputasi tepi.
Hasilkan dan terapkan kode game: Setelah menyelesaikan langkah-langkah sebelumnya, Anda dapat menggunakan satu prompt untuk menginstruksikan LLM agar secara otomatis menghasilkan kode. Kode tersebut kemudian dapat diterapkan secara global ke POP menggunakan ESA MCP Server.

Aktifkan ESA Functions and Pages

Saat pertama kali mengaktifkan layanan, mode gratis akan diterapkan secara default. Anda dapat beralih ke mode bayar sesuai penggunaan sesuai kebutuhan. Untuk informasi selengkapnya, lihat Informasi penagihan.

Buka Konsol ESA dan masuk ke halaman Functions and Pages.
Jika Anda pengguna baru, klik Activate Now pada halaman tersebut dan ikuti petunjuk di layar untuk menyelesaikan aktivasi.

Konfigurasikan tool pemrograman AI Cline

Minta Kunci API

Kunci API yang Anda ajukan di sini digunakan untuk otentikasi ketika Cline memanggil model bahasa besar (LLM) di Model Studio. Anda dapat terlebih dahulu menggunakan uji coba gratis untuk pengguna baru yang disediakan oleh Model Studio. Setelah masa uji coba habis, Anda akan dikenai biaya sesuai dengan aturan penagihan produk model bahasa besar.

Buka halaman My API-KEY dan klik Create My API KEY.
Pada kolom Actions untuk kunci API yang telah Anda buat, klik View untuk mendapatkan API KEY.

Instal dan konfigurasikan Cline di VS Code

Di tampilan Extensions di VS Code, cari Cline, lalu ikuti petunjuk untuk menyelesaikan instalasi.
Buka halaman pengaturan Cline dan konfigurasikan informasi API untuk LLM. Empat item berikut wajib diisi. Anda dapat mempertahankan nilai default untuk pengaturan lainnya.
- API Provider: Alibaba Qwen
- Alibaba API Line: International API
- Qwen API key: Kunci API yang Anda peroleh pada langkah sebelumnya.
- Model: Kami merekomendasikan penggunaan qwen-max-latest.

Konfigurasikan ESA MCP Server

Minta Pasangan Kunci Akses untuk akun RAM

AK dan SK yang Anda ajukan di sini digunakan oleh ESA MCP Server untuk mengotentikasi panggilannya ke ESA Functions and Pages.

Buka Konsol RAM, lalu buat Pengguna RAM baru.
Setelah pengguna dibuat, segera simpan AccessKey ID dan AccessKey Secret. Anda tidak dapat mengambil informasi ini setelah menutup halaman.

Konfigurasikan izin akun RAM

Berdasarkan prinsip Hak istimewa minimal untuk Pengguna RAM, akun ini hanya diberikan izin untuk mengoperasikan ESA.

Temukan pengguna yang Anda buat pada langkah sebelumnya dan klik Add Permissions.
Pada tab Permissions, klik Grant Permission.
Pada bagian Select Policy di panel Grant Permission, pilih AliyunESAFullAccess, lalu klik OK.

Konfigurasikan ESA MCP Server di Cline

Seperti yang ditunjukkan pada gambar berikut, buka file cline_mcp_settings.json di Cline.
Salin kode konfigurasi berikut ke dalam file cline_mcp_settings.json. Ganti nilai placeholder untuk ALIBABA_CLOUD_ACCESS_KEY_ID dan ALIBABA_CLOUD_ACCESS_KEY_SECRET dengan AccessKey ID dan AccessKey Secret Anda. Lalu tekan Ctrl+S (Windows/Linux) atau Command+S (macOS) untuk menyimpan konfigurasi.
```
{
  "mcpServers": {
    "esa-mcp-server": {
      "command": "npx",
      "args": ["-y", "mcp-server-esa"],
      "env": {
        "ALIBABA_CLOUD_ACCESS_KEY_ID": "your AccessKey ID",
        "ALIBABA_CLOUD_ACCESS_KEY_SECRET": "your AccessKey Secret"
      }
    }
  }
}
```
Setelah Anda menyimpan file, tunggu 3 hingga 5 detik. Layanan esa-mcp-server akan muncul dalam daftar Installed di bawah MCP Server di Cline, dengan status aktif berwarna hijau seperti yang ditunjukkan pada gambar berikut. Hal ini menandakan bahwa ESA MCP Server telah berhasil dikonfigurasi.

Hasilkan dan terapkan kode game

Sekarang konfigurasi telah selesai, kirimkan permintaan Anda ke Cline:
```
Please help me write a 2048 game and deploy it on an Alibaba Cloud ESA routine, displaying the default access URL provided by ER.
```
Model bahasa besar (LLM) memanggil berbagai tool yang disediakan oleh ESA MCP Server berdasarkan kebutuhan Anda untuk membuat fungsi, mengirimkan kode, dan melakukan penerapan global, hingga akhirnya mengembalikan URL yang dapat diakses publik.
Setelah game 2048 dihasilkan dan diterapkan, Anda dapat mengakses halaman game menggunakan nama domain yang disediakan oleh ESA. Seluruh proses, mulai dari mengirimkan permintaan ke AI hingga mengakses halaman web, dapat diselesaikan dalam hitungan menit.

Pelajari lebih lanjut

Ikhtisar MCP

MCP adalah protokol terbuka yang menstandarisasi cara aplikasi menyediakan konteks kepada LLM. Bayangkan MCP sebagai port USB-C untuk aplikasi AI. Seperti halnya USB-C menyediakan cara standar untuk menghubungkan perangkat Anda ke berbagai periferal dan aksesori, MCP menyediakan cara standar untuk menghubungkan model AI ke berbagai sumber data dan tool. Saat ini, tersedia tiga jenis MCP:

STDIO
SSE
Streamable HTTP

Topik ini menggunakan metode STDIO, di mana server diterapkan di mesin lokal Anda. Server MCP jarak jauh yang menggunakan Server-Sent Events (SSE) dan Streamable HTTP akan dirilis di masa mendatang.

Apa itu Functions and Pages

Functions and Pages adalah layanan arsitektur tanpa server yang disediakan oleh Produk Alibaba Cloud ESA, versi peningkatan dari CDN Alibaba Cloud. Layanan ini memungkinkan Anda menulis kode JavaScript dan menerapkannya serta menjalankannya di titik kehadiran (POP) global Alibaba Cloud dalam hitungan detik. Layanan ini mendukung sintaksis ES6 dan kompatibel dengan ekosistem Node.js dan Deno. Dengan menerapkan aplikasi Anda di ESA Functions and Pages, permintaan pengguna diproses langsung di POP ESA terdekat. Dibandingkan dengan menerapkan aplikasi Anda di server terpusat, penerapan di Functions and Pages secara signifikan mengurangi latensi, meningkatkan kecepatan respons, dan memberikan pengalaman latensi rendah.

Penerapan global, routing berbasis kedekinan, dan latensi ultra-rendah: Berbeda dengan layanan komputasi awan umum seperti Function Compute dan komputasi elastis, Functions and Pages tidak mengharuskan Anda menerapkan fungsi ke satu wilayah tertentu. Functions and Pages berjalan di titik kehadiran (POP) yang tersebar secara global. Permintaan klien secara otomatis diarahkan ke POP terdekat, yang memicu eksekusi kode Functions and Pages untuk memproses permintaan dan mengembalikan hasil ke klien. Functions and Pages dapat secara signifikan mengurangi waktu respons terhadap permintaan klien, memberikan pengalaman komputasi latensi rendah.
Skalabilitas otomatis dan bayar sesuai penggunaan: Alibaba Cloud memiliki jaringan global lebih dari 3.200 node tepi, yang menyediakan elastisitas bawaan. Ketika permintaan klien di suatu wilayah melonjak, permintaan tersebut secara otomatis dijadwalkan ke node tepi terdekat yang memiliki sumber daya komputasi mencukupi. Proses penskalaan dan penjadwalan ini sepenuhnya otomatis. Functions and Pages ditagih berdasarkan jumlah pemanggilan. Tidak ada biaya yang dikenakan saat tidak ada permintaan.
Model tanpa server: Sederhana dan mudah digunakan: Saat menggunakan Functions and Pages, Anda tidak perlu mengelola infrastruktur dasar, seperti CPU, memori, jaringan, dan sistem operasi server. Hal ini memungkinkan Anda fokus pada pengembangan kode bisnis Anda. Anda dapat menerapkan aplikasi hanya dengan mengunggah kode melalui Konsol atau OpenAPI. Model pengembangan tanpa server ini secara efektif dapat mengurangi biaya pengembangan dan O&M Anda.