All Products
Search
Document Center

Function Compute:Cara menggunakan WebIDE

Last Updated:Jun 21, 2026

WebIDE adalah lingkungan pengembangan terintegrasi (IDE) daring yang disediakan oleh Function Compute. WebIDE menawarkan pengalaman pengembangan berbasis cloud yang mirip dengan VS Code asli. Anda dapat menulis, melakukan debugging, dan menerapkan kode secara langsung daring tanpa perlu menginstal lingkungan pengembangan lokal yang kompleks. Topik ini menjelaskan fitur-fitur WebIDE, memberikan ikhtisar, serta menjelaskan cara mengonfigurasi WebIDE di Konsol Function Compute.

Batasan

  • WebIDE saat ini hanya mendukung runtime Python, Node.js, PHP, dan runtime kustom. WebIDE tidak mendukung pengeditan daring untuk runtime Java, Go, atau C#. Untuk runtime tersebut, Anda hanya dapat mengunggah file ZIP terkompilasi atau file biner.

  • Setiap pengguna mendapatkan ruang penyimpanan sebesar 5 GB di WebIDE. Operasi penulisan akan gagal setelah batas ini terlampaui. Segera bersihkan ruang penyimpanan Anda.

  • Membuka WebIDE untuk suatu fungsi secara otomatis memulai sebuah instans. Instans ini setara dengan kontainer yang memiliki 1 vCPU dan memori 1,5 GB.

  • Instans WebIDE menggunakan lingkungan runtime yang sama dengan fungsi Anda. Namun, instans tersebut tidak dapat memuat lapisan kustom Anda atau sumber daya NAS atau OSS yang dipasang, serta tidak dapat mengakses lingkungan VPC yang dikonfigurasi untuk fungsi Anda. Jika Anda memerlukan kemampuan tersebut, terapkan kode Anda terlebih dahulu lalu panggil fungsinya, 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: Lihat struktur kode Anda, termasuk file sumber dan dependensi.

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

  • Function Operations: Terapkan dan uji kode fungsi Anda. Setelah keluar dari mode layar penuh, area ini muncul di pojok kiri atas antarmuka WebIDE.

  • Command Line Terminal: Buka terminal dengan memilih dari bilah alat di bagian atas WebIDE. Gunakan terminal untuk melakukan debugging kode atau menginstal dependensi pihak ketiga.

Konfigurasi WebIDE di konsol

Prasyarat

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

Prosedur

  1. Masuk ke Konsol Function Compute. Di panel navigasi sebelah kiri, pilih Function Management > Functions.

  2. Di bilah navigasi atas, pilih wilayah. Di halaman Functions, klik fungsi yang dituju.

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

    Anda dapat memilih antara Serverless WebIDE atau Dedicated WebIDE.

    • Serverless Edition

      Ini adalah versi default. Penggunaannya gratis tetapi tidak mendukung akses ke sumber daya dalam VPC atau pemasangan NAS atau OSS.

    • Dedicated Edition

      Pilih Dedicated WebIDE jika instans Anda perlu memuat lapisan kustom, memasang 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 sumber daya 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 detail 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 atur ulang cepat lingkungan WebIDE. Untuk petunjuk mengatur ulang lingkungan WebIDE, lihat Bagaimana cara mengatur ulang cepat variabel lingkungan, runtime, dan lapisan WebIDE untuk suatu fungsi?.

Apa itu Dedicated WebIDE?

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

Dengan Dedicated WebIDE, instans dapat memuat lapisan kustom Anda serta sumber daya NAS atau OSS yang dipasang, dan mengakses VPC yang dikonfigurasi untuk layanan Anda. Hal ini memastikan konsistensi penuh antara terminal lokal dan lingkungan runtime produksi, sehingga meningkatkan pengembangan dan debugging. Anda juga dapat memilih rencana tipe instans—misalnya, menambah CPU dan memori—untuk meningkatkan performa WebIDE.

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

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

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

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

WebIDE membantu Anda menguji kode dengan cepat, membangun proyek, dan menginstal dependensi. Namun, lingkungan WebIDE bukanlah lingkungan eksekusi aktual yang digunakan oleh Function Compute. Anda tidak dapat langsung menguji lapisan kustom, NAS atau OSS yang dipasang, atau akses sumber daya berbasis VPC di WebIDE.

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

Bagaimana cara mengatur ulang cepat variabel lingkungan, runtime, dan lapisan WebIDE untuk suatu fungsi?

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

Berapa lama Serverless WebIDE menyimpan ruang kerja saya?

Secara default, ruang kerja disimpan 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 dimodifikasi melalui konsol atau alat SDK, code checksum fungsi akan berubah. Melakukan refresh atau membuka kembali WebIDE secara otomatis memperbarui ruang kerja agar sesuai dengan kode daring terbaru.

Apakah saya dapat melakukan debugging kode di WebIDE?

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

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

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 membuat 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 sekali, WebIDE secara otomatis membuat commit, memastikan kode di terminal dan daring identik (pesan save function with codechecksum xxxx menunjukkan penerapan berhasil). Fitur ini meningkatkan kegunaan.

Penting

Kami menyarankan agar paket kode fungsi Anda tidak menyertakan riwayat Git. Hapus direktori .git saat mengemas kode Anda untuk menghindari gangguan pada WebIDE.

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

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

Kedua Pengguna RAM dapat melihat perbedaan antara kode di 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 dengan lambat atau gagal terbuka?

Ikuti langkah-langkah berikut untuk pemecahan masalah:

  1. Periksa pengaturan jaringan Anda. Pastikan klien lokal Anda tidak memblokir akses melalui proxy atau menonaktifkan protokol WebSocket. WebIDE menggunakan WebSocket untuk komunikasi real-time. Menonaktifkan WebSocket mencegah WebIDE berfungsi 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 besar memerlukan waktu lebih lama untuk diunggah atau diterapkan. Optimalkan paket kode Anda dan coba lagi.

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

Referensi

  • Anda juga dapat menggunakan terminal WebIDE untuk mengemas dependensi pihak ketiga untuk 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 lapisan atau gunakan lapisan publik resmi dari Function Compute untuk mengurangi ukuran kode. Untuk informasi selengkapnya, lihat Buat lapisan kustom.

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