全部产品
Search

搜索本产品

    Function Compute：Gunakan WebIDE

    文档中心

    Function Compute：Gunakan WebIDE

    更新时间：Nov 11, 2025

    Lingkungan Pengembangan Terpadu Web (WebIDE) adalah IDE online yang disediakan oleh Function Compute dan menawarkan pengalaman pengembangan cloud yang mirip dengan Visual Studio Code (VS Code). Anda dapat menulis, melakukan debugging, dan menerapkan kode secara online tanpa perlu mengatur lingkungan pengembangan yang kompleks di mesin lokal. Topik ini menjelaskan fitur dan antarmuka pengguna WebIDE serta cara mengonfigurasinya di konsol Function Compute.

    Batasan

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

    • WebIDE menyediakan ruang penyimpanan sebesar 5 GB untuk setiap pengguna. Operasi tulis akan gagal jika Anda melebihi batas ini. Bersihkan ruang penyimpanan Anda secara berkala.

    • Saat Anda membuka WebIDE untuk suatu fungsi, sebuah instans akan dimulai secara otomatis. Instans ini setara dengan instans kontainer berkapasitas 1 vCPU dan memori 1,5 GB.

    • Lingkungan instans WebIDE sama dengan lingkungan runtime fungsi Anda. Namun, instans ini tidak dapat memuat lapisan kustom Anda atau sumber daya NAS atau OSS yang dipasang. Instans ini juga tidak dapat mengakses lingkungan VPC yang dikonfigurasi untuk fungsi Anda. Jika Anda memerlukan fitur-fitur tersebut, Anda dapat menerapkan kode terlebih dahulu lalu memanggil fungsinya, atau menggunakan WebIDE spesifikasi khusus.

    • WebIDE spesifikasi khusus hanya tersedia di wilayah 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 WebIDE spesifikasi khusus di wilayah lain, Anda dapat bergabung dengan grup DingTalk (ID: 64970014484) untuk mengajukan permohonan.

    Tinjauan antarmuka WebIDE

    Gambar berikut menunjukkan antarmuka WebIDE dalam mode layar penuh. Antarmuka ini dibagi menjadi empat area: ① Resource manager, ② File editor, ③ Function operations, dan ④ Command-line terminal.web-ide

    • ① Resource manager: Melihat struktur kode, termasuk file kode dan dependensinya.

    • ② File editor: Mengedit kode fungsi Anda. Setelah selesai mengedit, Anda dapat mengklik ikon image.png di pojok kanan atas untuk melakukan debugging kode Anda. Untuk menyinkronkan kode online dengan lingkungan terminal, klik Deploy Code di area ③ Function operations.

    • ③ Function operations: Menerapkan dan menguji kode fungsi Anda. Setelah Anda mengklik Exit Full Screen, area operasi fungsi berpindah ke pojok kiri atas antarmuka WebIDE.

    • ④ Command-line terminal: Di bilah alat WebIDE, Anda dapat memilih Terminal > New Terminal untuk membuka terminal baris perintah. Di terminal, Anda dapat melakukan debugging kode atau menginstal dependensi pihak ketiga.

    Konfigurasikan WebIDE di konsol

    Prasyarat

    Buat fungsi. Untuk informasi selengkapnya, lihat Create a function.

    Prosedur

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

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

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

      Anda dapat memilih WebIDE Serverless atau Dedicated.

      • Serverless

        Versi default. Gratis digunakan dan tidak mendukung akses ke sumber daya di VPC atau pemasangan sumber daya NAS atau OSS.

      • Dedicated

        Jika Anda memerlukan instans untuk memuat lapisan kustom Anda, memasang sumber daya NAS atau OSS, atau mengakses lingkungan VPC yang dikonfigurasi untuk layanan, pilih WebIDE Dedicated dan konfigurasikan item-item berikut.

        • Instance Type

        • Execution Timeout

        Jika Anda memilih WebIDE spesifikasi khusus, Function Compute akan menggunakan kembali VPC, vSwitch, dan sistem file NAS tujuan umum yang sudah ada atau membuat yang baru secara otomatis berdasarkan VPC di wilayah tempat fungsi Anda berada. Untuk informasi selengkapnya tentang penagihan sumber daya yang dibuat secara otomatis, lihat Billing of General-purpose NAS file systems.

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

      Untuk informasi selengkapnya tentang antarmuka WebIDE, lihat WebIDE interface overview.

    Penting

    Jika Anda memilih WebIDE spesifikasi khusus, pastikan fungsi Anda dapat dieksekusi dengan benar. Jika tidak, WebIDE mungkin gagal dibuka.

    Pertanyaan Umum

    Apa yang harus saya lakukan jika WebIDE gagal dimuat?

    Anda dapat mencoba menyegarkan halaman detail fungsi atau mereset cepat lingkungan WebIDE. Untuk informasi selengkapnya tentang cara mereset lingkungan WebIDE, lihat How can I quickly reset the environment variables, runtime, and layers for a function's WebIDE.

    Apa itu WebIDE spesifikasi khusus?

    WebIDE spesifikasi khusus pada dasarnya adalah fungsi Function Compute yang diterapkan di akun Anda dan namanya diawali dengan _webide-server-.

    Saat Anda menggunakan WebIDE spesifikasi khusus, instans dapat memuat lapisan kustom Anda serta sumber daya NAS atau OSS yang dipasang. WebIDE ini juga mendukung akses ke VPC yang dikonfigurasi untuk layanan Anda. Hal ini memastikan bahwa lingkungan terminal dan runtime online identik, sehingga menyederhanakan pengembangan dan debugging. Anda juga dapat memilih tipe instans. Misalnya, Anda dapat meningkatkan spesifikasi CPU dan memori untuk meningkatkan kinerja WebIDE.

    Saat Anda memilih WebIDE spesifikasi khusus, fungsi dasar berjalan di akun Anda. Oleh karena itu, Anda dikenai biaya untuk item-item berikut.

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

    WebIDE membantu pengembang menguji kode, membangun proyek, dan menginstal dependensi dengan cepat. Namun, lingkungan WebIDE bukanlah lingkungan eksekusi Function Compute yang sebenarnya. Di WebIDE, Anda tidak dapat langsung menguji lapisan kustom, sumber daya NAS atau OSS yang dipasang, atau mengakses sumber daya melalui VPC.

    Untuk menghindari masalah ini, Anda dapat menggunakan WebIDE spesifikasi khusus. Anda juga dapat mengklik Deploy Code setelah selesai mengedit kode, lalu mengklik Test Function untuk menjalankan pengujian.

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

    Saat Anda menyegarkan halaman detail fungsi atau antarmuka WebIDE, variabel lingkungan, lapisan, dan runtime terbaru dari fungsi online akan diterapkan ke instans WebIDE. Anda dapat menjalankan env di terminal untuk melihat variabel lingkungan fungsi terbaru dan informasi lainnya.

    Berapa lama data ruang kerja Serverless WebIDE disimpan?

    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 online dimodifikasi di konsol atau menggunakan alat SDK, code checksum fungsi berubah. Saat Anda menyegarkan atau membuka kembali WebIDE, konten ruang kerja secara otomatis diperbarui agar sesuai dengan kode online terbaru.

    Apakah saya dapat melakukan debugging kode di WebIDE?

    Ya. Anda dapat langsung menggunakan plugin debugging VS Code bawaan untuk setiap runtime di WebIDE. Untuk bahasa lain yang kurang umum dalam runtime kustom, Anda dapat menginstal plugin VS Code yang sesuai.

    Sebagai contoh, jika fungsi Anda berjalan di runtime Python 3.9, Anda harus menambahkan beberapa kode tambahan untuk menjalankan fungsi penanganan. Kode tersebut ditampilkan dalam kotak merah pada gambar berikut.vscode-auxiliary-code

    Saat saya memodifikasi kode fungsi, plugin git menampilkan perbedaan kode. Apakah ini karena WebIDE menyimpan kode fungsi?

    Tidak. Saat Anda pertama kali membuka WebIDE untuk paket kode fungsi, WebIDE secara otomatis menjalankan git init untuk menampilkan perbedaan antara kode saat ini dan kode online. Setiap kali Anda mengklik Deploy Function, sebuah commit secara otomatis dibuat. Hal ini menyinkronkan kode di terminal dengan kode online. Pada gambar, save function with codechecksum xxxx menunjukkan bahwa penerapan fungsi telah dilakukan. Fitur ini meningkatkan pengalaman pengguna.

    Penting

    Kami menyarankan agar paket kode fungsi Anda tidak berisi direktori .git. Untuk menghindari masalah dengan WebIDE, hapus folder .git saat Anda memaketkan kode Anda.

    git-init-commit

    Mengapa kode berbeda saat dua pengguna RAM dari akun Alibaba Cloud yang sama membuka fungsi yang sama?

    Function Compute WebIDE mendukung isolasi ruang kerja untuk pengguna Manajemen Akses Sumber Daya (RAM) di bawah akun Alibaba Cloud yang sama. Sebagai contoh, pengguna RAM A membuka WebIDE A, dan pengguna RAM B membuka WebIDE B. Pengguna RAM B tidak dapat melihat perubahan kode yang dilakukan pengguna RAM A di ruang kerja mereka. Dalam kasus ini, kode yang ditampilkan untuk pengguna RAM A dan pengguna RAM B berbeda.

    Kedua pengguna RAM A dan B dapat melihat perbedaan antara kode di ruang kerja masing-masing dan kode fungsi online. Untuk informasi selengkapnya, lihat When I modify function code, the git plugin shows code differences. Is this because WebIDE hosts the function code?.

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

    Anda dapat melakukan langkah-langkah berikut untuk memecahkan masalah:

    1. Periksa apakah pengaturan jaringan sudah benar. Misalnya, periksa apakah klien lokal Anda memiliki proxy yang dikonfigurasi yang membatasi akses, atau apakah protokol WebSocket dinonaktifkan. WebIDE menggunakan WebSocket untuk komunikasi dan interaksi real-time. Jika WebSocket dinonaktifkan, WebIDE tidak akan berjalan dengan benar.

    2. Periksa apakah klien lokal Anda mencoba membuka fungsi di wilayah di luar Tiongkok. Jika klien lokal Anda memiliki konektivitas jaringan lintas batas yang buruk, mencoba membuka fungsi di wilayah di luar Tiongkok dapat menyebabkan koneksi lambat atau kegagalan koneksi.

    3. Periksa apakah paket kode Anda terlalu besar. Jika paket kode terlalu besar, proses unggah atau penerapan kode mungkin memakan waktu lama. Anda dapat mencoba mengoptimalkan paket kode lalu mencoba lagi.

    Jika masalah tetap berlanjut setelah Anda melakukan langkah-langkah di atas, hubungi kami.

    Referensi

    • Anda juga dapat menggunakan terminal WebIDE untuk memaketkan dependensi pihak ketiga untuk fungsi Anda. Untuk informasi selengkapnya, lihat Use WebIDE to package third-party dependencies for a function.

    • Jika kode fungsi Anda atau dependensi pihak ketiga yang akan diinstal berukuran besar, Anda dapat mengekstrak dependensi fungsi ke dalam lapisan atau menggunakan lapisan publik Function Compute untuk mengurangi ukuran paket kode. Untuk informasi selengkapnya, lihat Create a custom layer.

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