从网站开始制作跨平台应用程序

Make a cross platform application starting from a website

我做了一个网站(还没上线),只用了HTML、CSS、Javascript。没有反应或 Angular,我有以下问题:

我想制作一个基于它的跨平台应用程序(对于iOS、Android、Windows、Linux 和 MacOS)。 最好的方法是什么?

我的搜索:

我搜索的很少,不是很满意,因为看来我需要重新制作我的客户网站了! 我找到了 2 种方法:React Native 和 NativeScript,如 here 所述。 您还有其他选择吗?

如果你不这样做,真的不可能将代码保留在 React 中吗?就像我看到的那样 there

我有点迷茫,我不知道我应该怎么做才能完成我想要的。

谢谢你能给我的所有答案!

对于桌面开发,您可以尝试使用 Electron。它是一个 js 库,可帮助您使用 Node、Chromium 和 js 构建跨平台应用程序。 也可以先一步,加上react。

VSCode、Skype、Microsoft Teams、Spotify 等应用程序,我认为甚至 Slack 都是使用它制作的。
对于移动开发,您可以使用 React Native。通过这种方式,您也可以制作一个跨平台的移动开发应用程序。

优点是使用这些技术堆栈您可以构建现代跨平台应用程序。对于 Web 开发人员来说,这是必经之路。

Electron 的缺点
它的内存有点重,但不会成为瓶颈。

React Native 的缺点:
不适合需要大量计算的应用程序,它的包大小明显大于本机应用程序

我想补充一点:desktop 应用程序还有一个选项 nw.js,就像 electron 使用 chromium ,节点和 js。 而前端你可以用angular,react,vue真的如你所愿.这是一个linkhttps://nwjs.io/(也是跨平台的).

对于移动开发我想我会推荐你​​:NativeScript (https://play.nativescript.org/?_ga=2.144049845.1620166462.1585302566-1314322155.1583139217)。这也是一个不错的选择 因为您可以轻松地将您的网站(html、css、javascript 文件)添加到您的 NativeScript webview 作为您的界面而且我认为这个选项不会花费你时间来制作另一个带有 react-native 的选项(即使我知道 react-native 也有他的 webview)。 所以去看看这个 :: .

然后你所有的工作都将是 sqlite 中的数据库,但即使这样你也有 :https://www.npmjs.com/package/nativescript-sqlite 和其他事情要快速完成 :https://market.nativescript.org/