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

时间:2020-03-26 15:59:27

标签: reactjs react-native nativescript nativescript-angular

我创建了一个网站(尚未在线),仅使用HTML,CSS,Javascript。没有React或Angular,并且我遇到以下问题:

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

我的搜索:

我进行了几次搜索,并不十分令人满意,因为看来我需要完全重新构建我的客户端网站! 我发现了两种方法:React Native和NativeScript,如所述here。 您还有其他选择吗?

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

我有点困惑,我不知道该怎么做才能实现自己想要的。

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

2 个答案:

答案 0 :(得分:0)

对于桌面开发,您可以尝试Electron。这是一个js库,可帮助您使用Node,Chromium和js构建跨平台应用程序。 您也可以前进一步,并对它做出反应。

诸如VSCode,Skype,Microsoft Teams,Spotify之类的应用程序以及我认为甚至Slack都可以使用它来实现。
对于移动开发,您可以使用React Native。这样,您也可以制作一个跨平台的移动开发应用程序。

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

电子的缺点
它的内存占用很少,但是没有什么会成为瓶颈。

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

答案 1 :(得分:0)

我想补充一点:桌面应用程序还有一个选项nw.js,就像电子使用铬,node和js。 对于前端,您可以根据需要使用角度,反应,提示。这是https://nwjs.io/链接(也是跨平台的)。

对于移动开发,我认为我会推荐您: NativeScript https://play.nativescript.org/?_ga=2.144049845.1620166462.1585302566-1314322155.1583139217)。这也是一个很好的选择,因为您可以轻松地在NativeScript Web视图中将您的网站(html,css,javascript文件)添加为界面,而且我认为此选项不会花您很多时间一个带有react-native的(即使我也知道react-native也有他的webview)。 因此,去看看这个:: How to load a local html file into a NativeScript webview

那么您所有的工作将是sqlite中的数据库,但是即使如此,您也可以:https://www.npmjs.com/package/nativescript-sqlite和其他可以快速进行的工作 :https://market.nativescript.org/