Как использовать Node во Vue + Vite приложении?

Question

[mirikkingg]

Нужно прочитать директорию и для этого мне нужен Node, но конечно он не будет работать в браузере, так как его подключить? Для сборки использую Vite

Comments

[Антон Антон]

На клиенте? никак. На сервере? делать отдельное приложение с api.
Еще можно завернуть в electron и получить standalone приложение, там есть ручки для работы с файловой системой.

[mirikkingg]

Антон Антон, а какие варианты для клиента есть, просто прочитать директорию?

[Антон Антон]

mirikkingg, никаких, нужно либо писать расширение для браузера, которое в нужную странице пробросит интерфейс (аналог api), либо отдельное приложение в электроне

Answer 1

[Владимир Коротенко]

Вот вам пример как отдать файл, перевести в js легко

[HttpGet("file/{sid}/{id}")]
    [AllowAnonymous]
    public ActionResult GetFile(string id, string sid)
    {
        
        var itemId = Guid.Parse(id);
        var storageId = Guid.Parse(sid);
        var store = _store.GetSingle(x => x.Id == storageId);
        var img = _leaf.GetSingle(x => x.Id == itemId);
        var path = Utils.GetFolder(_baseFolder, store.UserId, storageId);
        var fp = Path.Combine(path, img.Id.ToString("N"));
        var b = System.IO.File.ReadAllBytes(fp);
        return File(b, "application/octet-stream");
    }

Вот список

private StoresViewModel GetModel(Guid id, Store store)
    {
        var leafs = _leaf.FindBy(x => x.ParentId == id);
        var result = new StoresViewModel
        {
            Stores = leafs.Select(_mapper.Map<StoreViewModel>).ToList(),
            IsStore = store.Id == id,
            Breadcrumbs = GenerateBreadcrumbs(store, id)
        };
        return result;
    }

Comments

[Антон Антон]

Зачем это здесь?

[Владимир Коротенко]

Антон Антон, языки крайне похожи, поэтому переписать при желании можно, ну или понять логику.
Лично я так понимаю помощь. А если кто то хочет готовое решение, это видимо не сюда? Не так ли?

[imko]

Браузер тебе все равно не даст читать локальные файлы, только последние Edge вроде так разрешают

[Антон Антон]

imko, программно никакой не разрешает, только если пользователь руками выберет файл или несколько в input type="file", но получить список файлов папки так не получится.

[Антон Антон]

Владимир Коротенко, помощи от того, что ты написал - примерно ноль. Не переписать. даже пример на node был бы полезнее. И он бы разительно отличался бы от до-диеза. Прям настолько, что прямое переписывание невозможно.

[imko]

Антон Антон, разрешают https://caniuse.com/native-filesystem-api

[imko]

Антон Антон, реализовано например в vscode.dev

[Антон Антон]

imko,

[Антон Антон]

А даже если и взять что-то хромоподобное, то вот от этой ссылки много больше пользы: https://web.dev/file-system-access/#opening-a-dire...
+ код всё равно не похож на то, что в ответе.
Ну и нельзя получить доступ к произвольной папке, только к той, что выбрал пользователь через интерактивное действие.

[imko]

Антон Антон, соболезную что у тебя не работает, но суть в том что апишка есть для доступа к фс без инпутов. А больше я собственно ничего не и хотел донести)

[Антон Антон]

imko, апишка с 0% полной поддержки и меньше половины частичной )

[imko]

Антон Антон, ... за апишку не считается?)