wap2app是什么
wap2app 是一个将现有M站(也称手机wap站,区别于pc的web站)快速发布成 App 的增强方案,通过 DCloud 的 wap2app 框架,进行简单的配置和必要的编程,即可完成M站的体验强化,达到原生应用的功能体验,进而再发布为原生安装包或流应用。
名词解释
- wap 这里并不是严格意义上的 wap 站点,是对所有移动站点的统称。
- 2 即 to
- app 单指移动应用
连起来,就是“将移动站点转换成移动应用
本地强化和M站的关系
理解这段很关键 x 3
使用 wap2app,开发者可复用M站之前的所有业务逻辑,仅需进行必要的强化,而之前的注册、购物、查询等所有业务逻辑全部复用。
开发者所做的强化工作,分为:
- wap2app 客户端的配置编程工作
- 原M站的改造工作
注意这2块是分开解耦的。
自 HBuilder 8.8.3 起,新建 wap2app 项目,会自动生成项目必须的模板文件,强化工作主要在这里做。
Tips:这些 json 或 js 是部署在手机客户端的,并非M站的服务器上。
开发者无需、也不能把M站的项目源码导入到 HBuilder 的 wap2app 项目里,M站依旧以之前的模式部署在远程服务器上。
在 HBuilder 中把新建的 wap2app 项目选择打包为原生应用或发布为流应用时,wap2app 项目下的这些强化配置和编程文件,是存在原生 App 包里的,安装后直接在手机的本地存储区里运行,可以理解为是 C/S 模式的 Client 部分。而M站仍然是 B/S 模式的,并不会将M站的资源打包到 App 包里,而是从服务器加载在线的M站页面。
手机端实际运行时,DCloud 的框架会自动把本地的强化配置和在线的M站融合在一起,在用户眼里是一个 App 的感觉。
强化工作
- wap2app 本地端的工作:通过框架提供的 sitemap.json 文件,描述页面关系和动画强化方案,以达到原生的窗体切换效果。当 sitemap.json 配置无法满足复杂需求时,可使用 app.js 编程进行增强处理。
- M站的改造工作:针对 App 运行环境(可根据UA区分),进行适当的改造。包括去掉一些 App 里不应该出现的页面元素(如底部的电脑版链接,或某些原生 App 下载引导等)。
- 扩展原生的能力:如果需要调用 DCloud 的 HTML5+ 引擎 扩展的原生能力,比如M站之前无法实现的微信分享、推送、原生支付等,需要进行必要的编程工作。这部分工作,可以在 wap2app 本地端实现,也可以直接在M站实现(注意判定当前运行环境)。
Tips:强化工作的第3点,需要开发者了解并学习一部分 HTML5+App 开发的知识,请阅读文档树的 HTML5+ 及 App 教程 部分。
强化和新开发的区别
新开发一个 App,是大多数编程人员常见的思路,比如新开发一个微信小程序,学习它的每个 API,重头做起。
但使用强化框架,并非重头做起。它的学习方式和开发者过去的习惯可能有所不同,比如开发者时刻要清楚什么工作在客户端强化,什么工作在M站改造。但如果掌握了,它的投入产出是更高的。
转载于:https://my.oschina.net/u/3759656/blog/3089174
wap2app是什么相关推荐
- 关于“wap2app仅支持对已通过ICP备案的域名站点进行打包”问题解决
关于"wap2app仅支持对已通过ICP备案的域名站点进行打包"问题解决 如果我们是通过Vue技术写的移动端,开发完成后我们的项目需要放到服务器上,然后我们在将服务器上面的项目打包 ...
- HBuilder制作WAP2APP之给APP增加或注入分享功能
1.项目需求: 给封装打包的WAP2APP增加原生分享到微信或者朋友圈等分享功能! 2.实现原理: 到微信开发者平台登记应用获取APPID step1:登陆微信开发者中心, 并登陆微信开发者账号 st ...
- dcloud wap2app上架应用宝过审方法
参考:https://ask.dcloud.net.cn/article/36937 Android平台隐私与政策提示框配置方法 HBuilderX2.6.3+版本开始支持配置隐私政策提示框 HBui ...
- HBuilderX打包web网站之wap2app设置底部菜单tabBar
上面是真实案例,首页.在看.我的就是我设置的菜单,还可以设置图标,填写图片网络地址就行. 下面是代码,可以直接用: 第一步,先下载2个文件或者复制也行,那就新建吧: 分别新建一个css文件,命名为 ...
- 后退到错误html页面,wap2app本地html跳转的远程页面后点击后退报mui not defined
wap2app的项目,在hbuilder本地用mui创建了setting.html. 在setting.html中用href跳转到远程网页a时,在a页面中按手机的后退按钮,会报Uncaught Ref ...
- HBuilder中wap2app(将移动站点转换为移动应用)
什么是wap2app? 一个将现有的M站(也称手机wap站)快速发布成APP的增强方案,通过DCloud的wap2app框架,进行简单的配置和必要的编程. 即可完成M站的体验强化,达到原生应用的功能体 ...
- wap2app ios首页侧滑关闭页面出现空白 解决方法
烦恼会解决烦恼 数据流动 前言:最近wap2app项目中ios真机运行,首页侧滑操作后出现白屏页面并且返回不回去,只能关闭app,看了wap2app文档说是 manifest.json文件 popG ...
- 微信授权登录,uniapp微信授权登录,wap2app微信授权登录,h5plus微信授权登录
既然是Dcloud产品,那编译器不约而同使用HBuilderX,并且下面的截图是前提 UniAPP中的微信登陆(APP端) uni.login({provider: 'weixin',success: ...
- wap2app小技巧 生成自有证书(安卓篇)
烦恼会解决烦恼 数据流动 1.安装JRE环境,配置环境变量,已安装java环境可跳过此步骤(目的:使用一.JRE自带的创建和管理证书工具keyTool). 安装JRE步骤: (1)从Oracle官方 ...
- HBuilder的新建移动App 和 Wap2App ,在逍遥模拟器上运行成功
这里的HBuilder指的是普通版本,不是HBuilder X, 我使用的版本是HBuilder.9.1.19.windows. 这个版本的HBuilder,不可以打包移动App,可以打包Wap2Ap ...
最新文章
- 时间序列基础教程总结!
- 知识体系(不断更新)
- 团队作业第二次—项目选题报告(追光的人)
- 【并行计算-CUDA开发】显卡两大生产商
- Delphi替换PE图标资源
- 久谦咨询python笔试题目_【久谦咨询面试|面试题】-看准网
- Ruby中require,load,和include的区别
- C语言atoi()函数:将字符串转换成int(整数)和sprintf和memset
- fedora 33 topbar_最新!新增确诊病例33例,其中本土病例1例
- IOS UIViewController API,生命周期详解
- 强悍的 Linux —— 网络
- 联想服务器虚拟化解决方案,联想虚拟化解决方案
- python fund_Python fund-my-watcard包_程序模块 - PyPI - Python中文网
- 2100 没有反弹shell_反弹shell | ncbash
- jackson解析泛型的正确写法,解决 in unnamed module of loader ‘app‘
- 苹果状态栏HTML,iphoneX 适配客户端H5页面的方法教程
- android 自定义图片裁剪,Android图片裁剪工具封装
- python基于opencv的人脸检测(有最详细的注释)摄像头实时检测人脸
- The road you are trudging is bound for loneliness.(前行的道路注定孤独)
- 高压电缆感应式取电电源分析及设计