请教一些, vue 在移动端的体验

143 天前
 daviszhang

最近我司的项目,需要在移动端上访问。本来是想采用 flutter 的新架构,但是考虑到学习成本和团队技术倾向(都具有 js 的背景,所以倾向于网页开发),于是收集了相关资料,打算使用 vue 开发适配于移动端的网页来使用。 现在有 1 个问题,就是领导们希望,访问的效果类似于真实的 app 。 例如:1.浏览器打开,网页是全屏的 2.不要用浏览器打开,最好像个 app 一样安装 我想请教下各位大哥们,有没有办法浏览打开的时候隐藏工具栏和地址栏,或者假设不行,那么开发 pwa 这样的方案是否合适 谢谢啊

2332 次点击
所在节点    前端开发
27 条回复
murmur
143 天前
必须得套壳,不过 cordova 已经几乎没有维护了,还不如 uniapp
Geo200
143 天前
这说白了就是一个类原生体验场景的开发问题,跟 vue 没关系
hevi
143 天前
不如考虑 react native 、uniapp 、taro ?
acthtml
143 天前
用户非用不可,你又没资源开发的项目可以这样,否则流量转换都不行。
liujavamail
143 天前
vue 的话,直接上 uniapp 就行, 不然就 ionic
zqlcrow
143 天前
不想用 Flutter ,那肯定用 React Native 啊。
wuxidixi
143 天前
效果不好的
kylebing
143 天前
如果只是在网页层面实现各种功能,那么可以直接网页,我只知道 iOS 上可以通过 PWA 的方式实现类似 app 的展示效果。可以参考这个: https://kylebing.cn/diary/ 在 safari 中打开之后,分享,然后选择将 “添加到主屏幕”,再从主屏幕打开就跟 app 相似。

如果需要调用系统层面的功能,比如拍照、扫二维码、本地通知等,就需要一个壳子,这个壳子就相当于一个浏览器,不过这个壳子开放出了可以调用系统资源的一些接口供你在 web 层面调用。这些壳子有 ReactNative 、uniapp 、capacitor 等等,这些都可以打包成 iOS 和 Android 两个平台的安装程序。

前端时间写过一个 app ,就是用这些玩意写的,反正是很抓狂:
- uniapp 到处是坑,文档写的跟狗屎一样,什么都想做,还什么都做不好,感觉这玩意就不该出现,完全是适配各种奇葩需求出来的不伦不类的东西。
- capacitor 相当健壮,文档清晰明了,各种系统层面的插件非常明了。https://capacitorjs.com/
- ReactNative 不熟,只用它写过一个纯壳子,不多作评价。

归总起来就是,用网页做类似 app 的东西,挺麻烦,这个过程是非常不愉快的。如果只是在网页层面实现的功能,那还差不多。
aahao
143 天前
React Native
duanxianze
143 天前
你这种就是 Uniapp 最好了,不要想着啥类原生,直接就是小程序,类似微信小程序就行了
datoujiejie221
143 天前
当年因为 vue 的技术栈,还用过阿里的 weex ,然后就不维护了,好像 uniapp 的 nvue 就是基于 weex 改进的,其实 weex 的设计思想还是可以的,就是国内的开源生态还是太差了。
基于 js 的跨端技术感觉都是越到后面坑越多,建议还是用网页开发。
owen800q
143 天前
@murmur webview 上不了架
murmur
143 天前
那就给他原生做个登录页面,还有那种 header+tab 的页面,中间套 webview ,不让上架的是 webview+远程,又不是本地资源
vishun
143 天前
`有没有办法浏览打开的时候隐藏工具栏和地址栏`h5 的话这个应该不行,你一个网页哪有权限来做这些东西,就算某些浏览器开放了这个接口,能保证用户都会用这个浏览器吗?而 pws 是依赖浏览器的,谁能保证客户一定会在提示时就添加为 pwa 呢?感觉要实现这些功能,要么小程序要么开发 app 。
wolfan
143 天前
有个问题,你们的用户是国内用户还是国外用户。或者说国产机( MI\H\O\V )为主还是三星、水果为主。
如果是国内的话,PWA 其实不合适,因为国产品牌对 PWA 是各有不同的腌制。而是单独搞了一个‘轻应用联盟’,轻应用和 PWA 差不多,但调用的资源更多一些。所以如果是国产为主就上轻应用,如果还要兼顾水果、三星这些就需要单独维护个 PWA 。
monologue520
143 天前
RN
wa143825
143 天前
体验过 2 个 uniapp 开发的大型 app
我们的 OA 系统,功能非常多,是要代替钉钉的,卡的不要不要的。
给华润做项目外包时,他们的移动端报表平台,感觉不如直接用浏览器。
bu9
143 天前
X + webview + jsBridge + html5
sundev
143 天前
最近也在弄这个,最初跟你的想法一样,想上 flutter ,后来初期验证后感觉前端想直接上手 flutter 还是有难度的。
后来我直接使用 vue+vant 一把梭,然后使用 capacitor 来打包一下,一般使用没有问题。如果交互场景复杂,那么 web 套壳肯定不行了。
vaccer
143 天前
写过一个 uniapp 项目,那体验一言难尽。
后来推翻用 react-native 重做了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1001203

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX