All Products
Search
Document Center

Function Compute:Cara menggunakan WebIDE

Last Updated:Oct 29, 2026

WebIDE adalah integrated development environment (IDE) daring yang disediakan oleh Function Compute. WebIDE menawarkan pengalaman pengembangan berbasis cloud yang serupa dengan VS Code native, memungkinkan Anda menulis, men-debug, dan men-deploy kode langsung di lingkungan daring tanpa perlu menginstal lingkungan pengembangan lokal yang kompleks. Topik ini menjelaskan fitur-fitur WebIDE, memberikan ikhtisar antarmuka, serta memaparkan cara mengonfigurasi WebIDE di konsol Function Compute.

Batasan

  • Saat ini, WebIDE hanya mendukung runtime Python, Node.js, PHP, dan custom runtime. Pengeditan daring tidak didukung untuk runtime Java, Go, atau C#. Untuk runtime tersebut, Anda hanya dapat mengunggah file ZIP yang telah dikompilasi atau file biner.

  • Setiap pengguna mendapatkan ruang penyimpanan sebesar 5 GB di WebIDE. Operasi penulisan akan gagal jika batas ini terlampaui. Pastikan untuk membersihkan ruang penyimpanan Anda secara berkala.

  • Membuka WebIDE untuk suatu fungsi akan memulai Instans secara otomatis. Instans ini setara dengan container dengan 1 vCPU dan memori 1,5 GB.

  • Instans WebIDE menggunakan lingkungan runtime yang sama dengan fungsi Anda. Namun, Instans ini tidak dapat memuat custom layer atau resource NAS maupun OSS yang di-mount, serta tidak dapat mengakses lingkungan VPC yang dikonfigurasi untuk fungsi Anda. Jika Anda memerlukan kemampuan tersebut, deploy kode Anda terlebih dahulu lalu invoke fungsi tersebut, atau gunakan Dedicated WebIDE.

  • Dedicated WebIDE hanya tersedia di wilayah berikut: Tiongkok (Hangzhou), Tiongkok (Shanghai), Tiongkok (Beijing), Tiongkok (Zhangjiakou), Tiongkok (Hohhot), Tiongkok (Shenzhen), Tiongkok (Hong Kong), Singapura, Jepang (Tokyo), Jerman (Frankfurt), dan AS (Virginia). Untuk menggunakan Dedicated WebIDE di wilayah lain, bergabunglah dengan grup pengguna DingTalk (ID grup DingTalk: 64970014484) dan ajukan permintaan akses.

Ikhtisar antarmuka WebIDE

Dalam mode layar penuh, antarmuka WebIDE terdiri dari empat area: Resource Manager, File Editor, Function Operations, dan Command Line Terminal.

  • Resource Manager: Menampilkan struktur kode Anda, termasuk file sumber dan dependensi.

  • File Editor: Tempat mengedit kode fungsi Anda. Setelah mengedit, klik tombol image.png di pojok kanan atas untuk men-debug kode. Untuk memastikan konsistensi antara terminal lokal dan lingkungan produksi, klik Deploy di area Function Operations.

  • Function Operations: Area untuk men-deploy dan menguji kode fungsi Anda. Setelah keluar dari mode layar penuh, area ini akan muncul di pojok kiri atas antarmuka WebIDE.

  • Command Line Terminal: Buka terminal dengan memilih dari toolbar di bagian atas WebIDE. Gunakan terminal untuk men-debug kode atau menginstal dependensi pihak ketiga.

Mengonfigurasi WebIDE di konsol

Prasyarat

Anda telah membuat fungsi. Untuk informasi selengkapnya, lihat Membuat fungsi.

Prosedur

  1. Login ke konsol Function Compute. Di panel navigasi sebelah kiri, pilih Function Management > Functions.

  2. Di bilah navigasi atas, pilih wilayah. Pada halaman Functions, klik fungsi target.

  3. Opsional: Pada tab Code di halaman detail fungsi, klik Configure WebIDE di pojok kanan atas. Di panel Configure WebIDE, pilih jenis WebIDE.

    Anda dapat memilih Serverless WebIDE atau Dedicated WebIDE.

    • Serverless Edition

      Ini adalah versi default. Versi ini gratis untuk digunakan, namun tidak mendukung akses ke resource dalam VPC atau mounting NAS maupun OSS.

    • Dedicated Edition

      Pilih Dedicated WebIDE jika Instans Anda perlu memuat custom layer, melakukan mount NAS atau OSS, atau mengakses lingkungan VPC yang dikonfigurasi untuk layanan Anda. Atur item konfigurasi berikut:

      • Instance type plan

      • Execution Timeout Period

      Jika Anda memilih Dedicated WebIDE, Function Compute akan menggunakan kembali atau secara otomatis membuat VPC, vSwitch, dan sistem file NAS tujuan umum berdasarkan pengaturan VPC di wilayah fungsi Anda. Untuk rincian harga mengenai resource yang dibuat secara otomatis, lihat Penagihan NAS tujuan umum.

  4. Di antarmuka WebIDE, tulis, uji, dan instal dependensi pihak ketiga untuk kode fungsi Anda sesuai kebutuhan.

    Untuk rincian mengenai area antarmuka WebIDE, lihat Ikhtisar antarmuka WebIDE.

Penting

Jika Anda memilih Dedicated WebIDE, pastikan fungsi Anda berjalan dengan benar. Jika tidak, WebIDE mungkin gagal dimulai.

FAQ

Apa yang harus saya lakukan jika WebIDE gagal dimuat?

Lakukan refresh pada halaman detail fungsi atau reset lingkungan WebIDE dengan cepat. Untuk instruksi tentang cara mereset lingkungan WebIDE, lihat Bagaimana cara mereset variabel lingkungan, runtime, dan layer WebIDE untuk suatu fungsi dengan cepat?.

Apa itu Dedicated WebIDE?

Dedicated WebIDE pada dasarnya adalah fungsi FC yang di-deploy di bawah Akun Alibaba Cloud Anda dengan nama yang diawali dengan _webide-server-.

Dengan Dedicated WebIDE, Instans dapat memuat custom layer dan resource NAS atau OSS yang di-mount, serta mengakses VPC yang dikonfigurasi untuk layanan Anda. Hal ini memastikan konsistensi penuh antara terminal lokal dan lingkungan runtime produksi, sehingga meningkatkan efisiensi pengembangan dan debugging. Anda juga dapat memilih rencana tipe Instans—misalnya, menambah CPU dan memori—untuk meningkatkan performa WebIDE.

Penting

Semua ruang kerja Dedicated WebIDE di bawah Akun Alibaba Cloud yang sama berbagi satu sistem file NAS. Ruang kerja tersebut dipisahkan berdasarkan direktori, bukan menggunakan sistem file NAS yang independen.

Karena Dedicated WebIDE berjalan di bawah akun Anda, Anda akan dikenakan biaya tambahan:

  • Biaya pemanggilan fungsi dan penggunaan resource untuk Function Compute. Untuk informasi selengkapnya, lihat Ikhtisar penagihan.

  • Biaya untuk mounting sistem file NAS. Untuk informasi selengkapnya, lihat Penagihan NAS tujuan umum.

Mengapa fungsi saya berhasil di terminal tetapi gagal saat saya klik Test Function?

WebIDE membantu Anda menguji kode, membangun proyek, dan menginstal dependensi dengan cepat. Namun, lingkungan WebIDE bukanlah lingkungan eksekusi aktual yang digunakan oleh Function Compute. Anda tidak dapat menguji custom layer, mounting NAS atau OSS, maupun akses resource berbasis VPC secara langsung di WebIDE.

Untuk menghindari masalah ini, gunakan Dedicated WebIDE atau, setelah mengedit kode, klik Deploy lalu klik Test Function untuk menjalankan pengujian.

Bagaimana cara mereset variabel lingkungan, runtime, dan layer WebIDE untuk suatu fungsi dengan cepat?

Saat Anda melakukan refresh pada halaman detail fungsi atau antarmuka WebIDE, variabel lingkungan, layer, dan runtime daring terbaru akan diperbarui secara otomatis di Instans WebIDE. Jalankan env di terminal untuk melihat variabel lingkungan fungsi terbaru.

Berapa lama Serverless WebIDE mempertahankan ruang kerja saya?

Secara default, ruang kerja dipertahankan selama 48 jam. Jika Anda tidak membuka fungsi di WebIDE selama 48 jam berturut-turut, konten ruang kerja akan dihapus.

Selain itu, jika kode daring diubah melalui konsol atau alat SDK, code checksum fungsi akan berubah. Melakukan refresh atau membuka kembali WebIDE akan memperbarui ruang kerja secara otomatis agar sesuai dengan kode daring terbaru.

Dapatkah saya men-debug kode di WebIDE?

Ya. Anda dapat menggunakan plugin debugging VS Code bawaan untuk setiap runtime yang didukung. Untuk custom runtime atau bahasa yang kurang umum, instal plugin VS Code yang sesuai.

Sebagai contoh, dengan Python 3.9, tambahkan kode pembantu untuk menjalankan fungsi handler. Kode sampel berikut (index.py) menunjukkan cara men-debug fungsi Python di WebIDE. Blok if __name__ == "__main__" berfungsi sebagai titik masuk debugging lokal. Tetapkan breakpoint di dalam fungsi handler untuk melakukan debug:

import logging
import json
def handler(event, context):
    # evt = json.loads(event)
    logger = logging.getLogger()
    logger.info('hello world')
    logger.info('hello world2')
    return 'hello world'
if __name__=="__main__":
    event = b"hello"
    # jika Anda menggunakan context dalam kode Anda,
    # Silakan merujuk ke 'https://www.alibabacloud.com/help/document_detail/422182.html' untuk menyusun context
    context = None
    handler(event, context)

Saat saya memodifikasi fungsi, plugin Git menampilkan perbedaan kode. Apakah ini berarti WebIDE menyimpan kode fungsi saya?

Tidak. Pertama kali Anda membuka fungsi di WebIDE, sistem secara otomatis menjalankan git init untuk menampilkan perbedaan antara kode Anda saat ini dan versi daring. Setelah Anda mengklik Deploy Function satu kali, WebIDE secara otomatis membuat commit, memastikan terminal dan kode daring Anda identik (pesan save function with codechecksum xxxx menandakan deployment berhasil). Fitur ini meningkatkan kemudahan penggunaan.

Penting

Sebaiknya paket kode fungsi Anda tidak menyertakan riwayat Git. Hapus direktori .git saat mengemas kode Anda agar tidak mengganggu WebIDE.

Dua RAM user di bawah Akun Alibaba Cloud yang sama membuka fungsi yang sama tetapi melihat kode yang berbeda. Mengapa?

WebIDE Function Compute mengisolasi ruang kerja untuk RAM user di bawah Akun Alibaba Cloud yang sama. Misalnya, RAM User A menggunakan WebIDE A, dan RAM User B menggunakan WebIDE B. Perubahan yang dilakukan oleh RAM User A di ruang kerjanya tidak terlihat oleh RAM User B, sehingga mereka melihat kode yang berbeda.

Kedua RAM user dapat melihat perbedaan antara kode ruang kerja mereka dan kode fungsi daring. Untuk informasi selengkapnya, lihat Saat saya memodifikasi fungsi, plugin Git menampilkan perbedaan kode. Apakah ini berarti WebIDE menyimpan kode fungsi saya?.

Apa yang harus saya lakukan jika terminal WebIDE terbuka lambat atau gagal dibuka?

Ikuti langkah-langkah berikut untuk memecahkan masalah:

  1. Periksa pengaturan jaringan Anda. Pastikan client lokal Anda tidak memblokir akses melalui proxy atau menonaktifkan protokol WebSocket. WebIDE menggunakan WebSocket untuk komunikasi real-time. Menonaktifkan WebSocket akan mencegah WebIDE bekerja dengan baik.

  2. Periksa apakah Anda membuka fungsi di wilayah luar Tiongkok. Jika jaringan lokal Anda memiliki konektivitas lintas batas yang buruk, koneksi ke fungsi di wilayah luar Tiongkok mungkin lambat atau gagal.

  3. Periksa apakah Paket kode Anda terlalu besar. Paket yang besar membutuhkan waktu lebih lama untuk diunggah atau di-deploy. Optimalkan Paket kode Anda dan coba lagi.

Jika masalah tetap ada setelah mengikuti langkah-langkah ini, hubungi kami.

Referensi

  • Anda juga dapat menggunakan terminal WebIDE untuk mengemas dependensi pihak ketiga bagi fungsi Anda. Untuk informasi selengkapnya, lihat Mengemas dependensi pihak ketiga untuk fungsi menggunakan WebIDE.

  • Jika kode fungsi atau Paket dependensi pihak ketiga Anda berukuran besar, ekstrak dependensi ke dalam layer atau gunakan Lapisan publik resmi dari Function Compute untuk mengurangi ukuran kode. Untuk informasi selengkapnya, lihat Membuat custom layer.

  • Anda juga dapat menguji fungsi secara lokal menggunakan fitur debugging lokal di Serverless Devs. Untuk informasi selengkapnya, lihat Debugging lokal.