electron Nextron与Next.js '--以电子为例'

myss37ts  于 2022-12-08  发布在  Electron
关注(0)|答案(2)|浏览(598)

我很想用电子创建一个桌面应用程序!
因为我有Next.js(React)的经验,但是以前没有使用过Electron.js(很久以前刚刚测试过),所以我想用一个样板/启动器/模板来引导我的项目。然而,我对选择哪个选项有点困惑:

我知道这个问题看起来是基于个人观点的,但是我搜索了一下,没有找到它们之间的技术比较。我也试着自己比较npm downloadsGitHub starsLast commit date和其他类似的东西,但是因为它们是不同的东西(一个是一个--例子,一个是整个仓库),我没有运气。
我发现唯一可靠的是Strapi!在他们的一个教程(X1 E3 F1 X)中,他们使用X1 M3 N1 X创建了一个带有X1 M4 N1 X的桌面应用程序。
你觉得呢?哪个选项更好?
注:我使用Next.js来实现它所具有的许多强大功能:内置配置、开箱即用的优化、简单的布线......不适用于您可能会想到的SSR。

oxiaedzo

oxiaedzo1#

electron-next在Official Next.js Electron示例中使用,因此我觉得它更正式:https://github.com/vercel/next.js/blob/canary/examples/with-electron/package.json#L28
nextron引入了对由@saltyshiomix维护的npm包的第三方依赖性。
它们都像Next.js的插件包,您可以将其添加到您的项目中,并使用它们来使Electron开箱即用,但您需要对维护人员抱有很大的信心。
您可以自己完成Electron + Next.js的配置过程,或者复制配置并在您自己的项目中复制这些包的功能,而不引入依赖项,或者简单地使用一个包作为依赖项,并希望维护人员积极保持这些包的最新状态。

gk7wooem

gk7wooem2#

因此,electronJS只是一个js包,它使用基于chromium的框架将类似浏览器的功能带到桌面窗口,并由NextronJS在幕后使用。
自从开发electronJS以来,它主要是通过静态HTML生成桌面应用程序,但您也可以合并一个create-react-app应用程序(构建版本),用于在网站上显示动态内容。
然而,NextronJS是预先配置的电子产品,能够包含NextJS的功能,用于构建更多功能打包的桌面应用程序。
NextronJS的一些功能包括:

**1.介绍 typescript **

You can introduce typescript into your NextronJS project by initiating your project in the following manner. Typescript offers an advantage and is highly preferred for building big apps.

`yarn add global nextron`

`nextron init --template {template}`

可用模板列表包括:

- custom-build-options
- custom-server
- custom-server-nodemon
- custom-server-typescript
- ipc-communication
- parameterized-routing
- store-data
- with-javascript
- with-javascript-ant-design
- with-javascript-material-ui
- with-typescript
- with-typescript-less
- with-typescript-material-ui

示例:

nextron init my-app --template with-typescript-material-ui

2.存储选件

与electronJS不同的是,在electronJS中,存储的主要形式是通过API调用或其他浏览器存储方法,nextronJS允许更强大的数据存储形式,即使是使用NextJS,如果你喜欢云存储或构建Web应用程序,你也可以优化API调用。

3.与Tailwind/材料界面集成

NextronJS提供了一个优势和平台,通过允许更好地与样式实用程序包集成,可以更快地开发。使用tailwind或material-UI,您可以在更短的时间内开发出像样的前端。

结论

由于NextJS是一个巨大的升级从创建React应用程序,我会建议去NextronJS!
我希望我的回答是信息丰富和明确的!
谢谢,保重!

相关问题