Pembangunan Aplikasi Desktop Electron · Pelajaran

Integrasi Shell

Pelajari cara membuka pautan, fail dan direktori luaran menggunakan aplikasi lalai sistem pengendalian melalui modul `shell` Electron.

Pelajaran 3 daripada 411 langkah

Integrasi Shell ialah pelajaran Pembangunan Aplikasi Desktop Electron percuma di CoddyKit. Ini ialah pelajaran 3 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Pembangunan Aplikasi Desktop Electron, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Pembangunan Aplikasi Desktop Electron merangkumi sejumlah 4 pelajaran.

Pengenalan kepada Integrasi Shell

Selamat datang ke Integrasi Shell! Dalam Electron, aplikasi desktop anda boleh berinteraksi dengan sistem pengendalian (OS) pengguna melalui pelbagai cara yang hebat.

Ini bermaksud membuka pautan luaran, fail atau malah memaparkan item dalam penjelajah fail OS, seperti yang dilakukan oleh aplikasi natif.

Kenali Modul `shell`

Electron menyediakan modul terbina dalam shell untuk menjadikan interaksi dengan OS mudah dan selamat. Modul ini tersedia dalam proses utama dan pemapar.

Modul shell membolehkan aplikasi anda menyerahkan tugasan seperti membuka URL atau fail kepada aplikasi lalai OS.

Membuka URL Luaran

Kegunaan yang paling biasa ialah membuka pautan web dalam pelayar lalai pengguna. Anda boleh melakukannya dengan shell.openExternal(url).

Ini penting untuk keselamatan: bukannya memaparkan kandungan web luaran dalam aplikasi anda, anda menyerahkannya kepada pelayar yang dipercayai.

Kod: Buka Pautan Luaran

Berikut ialah cara membuka URL luaran. Kod ini biasanya diletakkan dalam main.js atau dipanggil daripada skrip pramuat jika dicetuskan oleh pemapar.

Cuba jalankan contoh ini:

const { app, shell } = require('electron');

app.whenReady().then(() => {
  // In a real app, this would be triggered by a user action.
  // For this demo, it opens when the app is ready.
  shell.openExternal('https://www.electronjs.org/docs')
    .then(() => console.log('Opened Electron docs!'))
    .catch(err => console.error('Failed to open URL:', err));
  // A real Electron app would also create a BrowserWindow here.
});

Membuka Fail dan Folder Setempat

Perlu membuka dokumen, imej atau direktori daripada aplikasi anda? Gunakan shell.openPath(path).

Fungsi ini cuba membuka fail atau direktori yang diberikan menggunakan aplikasi lalai OS untuk jenis fail tersebut.

Kod: Buka Fail Setempat

Contoh ini mencipta fail teks ringkas dan kemudian membukanya menggunakan penyunting teks lalai OS.

Cuba jalankan contoh ini:

const { app, shell } = require('electron');
const path = require('path');
const fs = require('fs');

app.whenReady().then(() => {
  const userDataPath = app.getPath('userData');
  const filePath = path.join(userDataPath, 'my-document.txt');

  // Create a dummy file for demonstration
  fs.writeFileSync(filePath, 'Hello from CoddyKit! This is your document.');

  shell.openPath(filePath)
    .then(() => console.log(`Opened: ${filePath}`))
    .catch(err => console.error(`Failed to open path: ${err}`));
});

Memaparkan Item dalam Explorer/Finder

Kadangkala anda tidak mahu membuka fail, sebaliknya hanya mahu menunjukkan lokasinya. shell.showItemInFolder(fullPath) melakukan perkara tersebut.

Fungsi ini memaparkan fail yang ditentukan dalam pengurus fail sistem pengendalian pengguna (contohnya, File Explorer pada Windows atau Finder pada macOS), dan secara pilihan memilihnya.

Kod: Paparkan Item dalam Folder

Mari kita cipta satu lagi fail dan kemudian tunjukkan lokasinya kepada pengguna.

Cuba jalankan contoh ini:

const { app, shell } = require('electron');
const path = require('path');
const fs = require('fs');

app.whenReady().then(() => {
  const desktopPath = app.getPath('desktop');
  const fileToShowPath = path.join(desktopPath, 'coddykit_demo_file.txt');

  // Create a dummy file on the desktop
  fs.writeFileSync(fileToShowPath, 'Find me!');

  shell.showItemInFolder(fileToShowPath);
  console.log(`Showing item in folder: ${fileToShowPath}`);
});

Keselamatan dan Amalan Terbaik

Apabila menggunakan kaedah shell, terutamanya dengan input yang diberikan pengguna, sentiasa pertimbangkan keselamatan:

Sahkan URL: Sebelum memanggil openExternal(), pastikan URL itu selamat dan dikehendaki.
Pengasingan Konteks: Dalam proses pemapar, gunakan skrip pramuat untuk mendedahkan hanya fungsi shell yang diperlukan secara selamat.
Pengendalian Ralat: Sentiasa sertakan .catch() untuk kaedah berasaskan janji seperti openExternal dan openPath.

Semakan Pantas tentang Shell

Kaedah modul shell manakah yang akan anda gunakan untuk membuka pautan web dalam pelayar lalai pengguna?

Jawab dalam pelajaran interaktif

Imbas Kembali: Integrasi Shell

Syabas! Anda telah mempelajari cara modul shell Electron membantu aplikasi anda berinteraksi dengan OS natif:

shell.openExternal() untuk pautan web.
shell.openPath() untuk fail/folder setempat.
shell.showItemInFolder() untuk memaparkan item dalam pengurus fail.

Kaedah ini menyediakan cara yang lancar dan selamat untuk melanjutkan kefungsian aplikasi anda ke persekitaran natif.

Percuma untuk bermula

Pelajari JavaScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 12
Pelajaran: 47

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Integrasi Shell” percuma?

Ya — teks penuh “Integrasi Shell” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Pembangunan Aplikasi Desktop Electron, tingkat taraf kepada CoddyKit PRO. Kursus Pembangunan Aplikasi Desktop Electron merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Integrasi Shell”?

Pelajari cara membuka pautan, fail dan direktori luaran menggunakan aplikasi lalai sistem pengendalian melalui modul `shell` Electron. Anda berlatih Pembangunan Aplikasi Desktop Electron menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Pembangunan Aplikasi Desktop Electron?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Pembangunan Aplikasi Desktop Electron di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 4.

Berapa lamakah pelajaran “Integrasi Shell” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Pembangunan Aplikasi Desktop Electron ini?

Ya. Setiap pelajaran Pembangunan Aplikasi Desktop Electron menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke Pembangunan Aplikasi Desktop Electron