一览跨平台方案

1.电脑客户端使用Electron

Electron简介

Electron是干什么的？ 简单来讲，Electron 使用 JavaScript，HTML 和 CSS，来构建跨平台的桌面应用程序。

按照官方的说法：如果你可以建一个网站，你就可以建一个桌面应用程序。

和传统的桌面应用相比，使用Electron开发更容易上手，开发效率更高。并且，web技术应用广泛、生态繁荣，Electron可以使用几乎所有的Web生态领域及Node.js生态领域的组件和技术方案。

与网页应用相比，Electron基于Chromium 和 Node.js，可以避免令人头痛的浏览器兼容问题。而Web前端受限访问的文件系统、系统托盘、系统通知等，开发Electron应用时可以自由地使用。

Electron工作机制

使用Electron开发的桌面应用，类似于简易版的、定制版的Chrome浏览器，当然这个浏览器中的页面不能通过输入网址打开，而是由开发者写好的。
[图片上传失败...(image-4436f1-1665283498084)]
和浏览器架构类似，Electron应用程序区分主进程和渲染进程。

主进程负责控制应用程序的生命周期、创建和管理应用程序窗口，有着多种控制原生桌面功能的模块，例如菜单、对话框以及托盘图标。

渲染进程负责完成渲染界面、接收用户输入、响应用户的交互等工作。

一个Electron应用只有一个主进程，但可以有多个渲染进程。

2.移动端有两个较好的选择

HybridApp(混合应用程序)

HybridApp是将 APP 的一部分内容通过 H5 来实现，通过原生的网页加载控件 WebView (Android)或 WKWebView（iOS）来加载H5页面,这样一来，H5 部分是可以随时改变而不用发版，动态化需求能满足；同时，由于 H5 代码只需要一次开发，就能同时在 Android 和 iOS 两个平台运行，这也可以减小开发成本，也就是说，H5 部分功能越多，开发成本就越小。我们称这种 h5+原生的开发模式为混合开发，采用混合模式开发的 APP 我们称之为混合应用或 Hybrid APP。

uni-app

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Androi、H5、小程序等多个平台。不要认为 uni-app 可以跨多端，就感觉开发难度会直线上升。如果说，你开发过小程序，恰好又会 vue， 那么你的学习成本会非常的低。

• 微信小程序

• VUE

开发 App 端的话，对于原生开发了解即可，不需要你有很多的原生开发经验。