برنامه نویسی

افزودن سرور Node.js به برنامه Tauri به عنوان یک جعبه جانبی

در این مقاله، من تجربه‌ام را در مقابله با چالشی که ممکن است بسیاری از توسعه‌دهندگان Tauri با آن مواجه شوند، به اشتراک می‌گذارم – اتصال یک سرور Node.js به‌عنوان کارگاه جانبی در یک برنامه Tauri. در ابتدا، این روند ساده به نظر می رسید، اما من به موانع متعددی برخوردم. فقدان منابع جامع یا راه‌حل‌های روشن آنلاین، آن را به یک صعود حتی تندتر تبدیل کرد.

پس از امتحان رویکردهای مختلف، برای کمک به بحث های گیت هاب Tauri مراجعه کردم. آنجا بود که یک نگهدار به نام فابیان لارس وارد عمل شد و راهنمایی هایی ارائه کرد که وضعیت را روشن کرد و به حل مسئله کمک کرد. هدف این مقاله برجسته کردن مشکلی است که با آن مواجه شدم، بینش‌هایی را از بحث به اشتراک می‌گذارد، و درس‌هایی را که در این راه آموختم مستندسازی می‌کند.

برنامه Bulls را ایجاد کنید

توجه: مطمئن شوید که پیش نیازهای استفاده از Tauri را نصب کرده اید.
پیش نیازها را بررسی کنید

npm create tauri-app@latest
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

یا بازدید کنید اسناد

یک بسته Nodejs ایجاد کنید

دستورات زیر فایل node.js شما را به یک (.exe) اجرایی تبدیل می کند. جایگزین کنید file_name با نام فایل node.js خود.

npm install -g pkg
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

بسته بندی file_name.js به یک .exe

pkg file_name.js --targets node20-win-x64
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

موارد فوق یک فایل exe را برای ویندوز ایجاد می کند.
برای لینوکس: node18-linux-x64
برای MacOS: node18-macos-x64

برای ایجاد 3.exe در هر زمان از دستور زیر استفاده کنید:

pkg index.js --targets node18-win-x64,node18-linux-x64,node18-macos-x64
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

این یک ایجاد خواهد کرد file_name.exe فایل

توجه- اما ما باید نام فایل را تغییر دهیم زیرا برای Tauri لازم است تا آن را به عنوان یک sidecar شناسایی کند. فرمت نام مورد نیاز برای فایل exe: any_name-${targetTriple}${extension}

می توانید پلتفرم فعلی خود را پیدا کنید -$TARGET_TRIPLE پسوند با نگاه کردن به host: ویژگی با اجرای کد زیر در ترمینال:

rustc -Vv
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

ویژگی host را از دستور بالا کپی کرده و نام آن را تغییر دهید file_name.js
به file_name.js-host_property_value.exe

مثال: file_name-x86_64-pc-windows-msvc.exe

در حال پیکربندی فایل اصلی ما

1. رفتن به src-tauri. یک نام پوشه ایجاد کنید binaries. در پوشه موارد بالا را قرار دهید .exe ایجاد شده است.
2. رفتن به src-tauri/tauri.conf.json

{
  "bundle": {
    "externalBin": [
      "binaries/file_name"
    ]
  }
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

توجه: فقط نام فایل را اضافه کنید.

دستورالعمل

3. دستورات زیر را اجرا کنید:

npm run tauri add shell
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

npm install @tauri-apps/plugin-shell 
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

4. کد زیر را کپی کنید src-tauri/capabilities/default.json
توجه: در این فایل هشداری خواهید دید که پوشه موجود نیست. هشدارها را نادیده بگیرید زیرا پس از انجام تمام مراحل، پوشه ایجاد می شود.

 "permissions": [
    "core:default",
    "opener:default",
    "shell:default",
    {
      "identifier": "shell:allow-spawn",
      "allow": [
        {
          "name": "binaries/file_name",
          "sidecar": true
        }
      ]
    },
    "shell:allow-open"
  ]
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

5. کد زیر را اضافه کنید src/main.tsx یا src/main.jsx

import { Command } from '@tauri-apps/plugin-shell';


const command = Command.sidecar('binaries/file_name', ["args", "if", "any"]);
await command.spawn();
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

6. دستور زیر را اجرا کنید

npm run tauri dev
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

شما با موفقیت سرور خود را در برنامه Tauri یکپارچه کرده اید. برای تأیید تنظیمات، برنامه را باز کنید و باید مجوز اجرای Node.js را از آن درخواست کند. همچنین، می توانید با مراجعه به سایت، وضعیت سرور را بررسی کنید localhost و پورتی که در مرورگر شما روی آن اجرا می شود.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا