wap2app 是一个将现有M站(也称手机wap站,区别于pc的web站)快速发布成 App 的增强方案,通过 DCloud 的 wap2app 框架,进行简单的配置和必要的编程,即可完成M站的体验强化,达到原生应用的功能体验,进而再发布为原生安装包或流应用。

名词解释

  • wap 这里并不是严格意义上的 wap 站点,是对所有移动站点的统称。
  • 2 即 to
  • app 单指移动应用

连起来,就是“将移动站点转换成移动应用

本地强化和M站的关系

理解这段很关键 x 3
使用 wap2app,开发者可复用M站之前的所有业务逻辑,仅需进行必要的强化,而之前的注册、购物、查询等所有业务逻辑全部复用。
开发者所做的强化工作,分为:

  1. wap2app 客户端的配置编程工作
  2. 原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 的感觉。

强化工作

  1. wap2app 本地端的工作:通过框架提供的 sitemap.json 文件,描述页面关系和动画强化方案,以达到原生的窗体切换效果。当 sitemap.json 配置无法满足复杂需求时,可使用 app.js 编程进行增强处理。
  2. M站的改造工作:针对 App 运行环境(可根据UA区分),进行适当的改造。包括去掉一些 App 里不应该出现的页面元素(如底部的电脑版链接,或某些原生 App 下载引导等)。
  3. 扩展原生的能力:如果需要调用 DCloud 的 HTML5+ 引擎 扩展的原生能力,比如M站之前无法实现的微信分享、推送、原生支付等,需要进行必要的编程工作。这部分工作,可以在 wap2app 本地端实现,也可以直接在M站实现(注意判定当前运行环境)。

Tips:强化工作的第3点,需要开发者了解并学习一部分 HTML5+App 开发的知识,请阅读文档树的 HTML5+ 及 App 教程 部分。

强化和新开发的区别

新开发一个 App,是大多数编程人员常见的思路,比如新开发一个微信小程序,学习它的每个 API,重头做起。
但使用强化框架,并非重头做起。它的学习方式和开发者过去的习惯可能有所不同,比如开发者时刻要清楚什么工作在客户端强化,什么工作在M站改造。但如果掌握了,它的投入产出是更高的。

转载于:https://my.oschina.net/u/3759656/blog/3089174

wap2app是什么相关推荐

  1. 关于“wap2app仅支持对已通过ICP备案的域名站点进行打包”问题解决

    关于"wap2app仅支持对已通过ICP备案的域名站点进行打包"问题解决 如果我们是通过Vue技术写的移动端,开发完成后我们的项目需要放到服务器上,然后我们在将服务器上面的项目打包 ...

  2. HBuilder制作WAP2APP之给APP增加或注入分享功能

    1.项目需求: 给封装打包的WAP2APP增加原生分享到微信或者朋友圈等分享功能! 2.实现原理: 到微信开发者平台登记应用获取APPID step1:登陆微信开发者中心, 并登陆微信开发者账号 st ...

  3. dcloud wap2app上架应用宝过审方法

    参考:https://ask.dcloud.net.cn/article/36937 Android平台隐私与政策提示框配置方法 HBuilderX2.6.3+版本开始支持配置隐私政策提示框 HBui ...

  4. HBuilderX打包web网站之wap2app设置底部菜单tabBar

    上面是真实案例,首页.在看.我的就是我设置的菜单,还可以设置图标,填写图片网络地址就行. 下面是代码,可以直接用: 第一步,先下载2个文件或者复制也行,那就新建吧: 分别新建一个css文件,命名为  ...

  5. 后退到错误html页面,wap2app本地html跳转的远程页面后点击后退报mui not defined

    wap2app的项目,在hbuilder本地用mui创建了setting.html. 在setting.html中用href跳转到远程网页a时,在a页面中按手机的后退按钮,会报Uncaught Ref ...

  6. HBuilder中wap2app(将移动站点转换为移动应用)

    什么是wap2app? 一个将现有的M站(也称手机wap站)快速发布成APP的增强方案,通过DCloud的wap2app框架,进行简单的配置和必要的编程. 即可完成M站的体验强化,达到原生应用的功能体 ...

  7. wap2app ios首页侧滑关闭页面出现空白 解决方法

    烦恼会解决烦恼  数据流动 前言:最近wap2app项目中ios真机运行,首页侧滑操作后出现白屏页面并且返回不回去,只能关闭app,看了wap2app文档说是 manifest.json文件 popG ...

  8. 微信授权登录,uniapp微信授权登录,wap2app微信授权登录,h5plus微信授权登录

    既然是Dcloud产品,那编译器不约而同使用HBuilderX,并且下面的截图是前提 UniAPP中的微信登陆(APP端) uni.login({provider: 'weixin',success: ...

  9. wap2app小技巧 生成自有证书(安卓篇)

    烦恼会解决烦恼  数据流动 1.安装JRE环境,配置环境变量,已安装java环境可跳过此步骤(目的:使用一.JRE自带的创建和管理证书工具keyTool). 安装JRE步骤: (1)从Oracle官方 ...

  10. HBuilder的新建移动App 和 Wap2App ,在逍遥模拟器上运行成功

    这里的HBuilder指的是普通版本,不是HBuilder X, 我使用的版本是HBuilder.9.1.19.windows. 这个版本的HBuilder,不可以打包移动App,可以打包Wap2Ap ...

最新文章

  1. 时间序列基础教程总结!
  2. 知识体系(不断更新)
  3. 团队作业第二次—项目选题报告(追光的人)
  4. 【并行计算-CUDA开发】显卡两大生产商
  5. Delphi替换PE图标资源
  6. 久谦咨询python笔试题目_【久谦咨询面试|面试题】-看准网
  7. Ruby中require,load,和include的区别
  8. C语言atoi()函数:将字符串转换成int(整数)和sprintf和memset
  9. fedora 33 topbar_最新!新增确诊病例33例,其中本土病例1例
  10. IOS UIViewController API,生命周期详解
  11. 强悍的 Linux —— 网络
  12. 联想服务器虚拟化解决方案,联想虚拟化解决方案
  13. python fund_Python fund-my-watcard包_程序模块 - PyPI - Python中文网
  14. 2100 没有反弹shell_反弹shell | ncbash
  15. jackson解析泛型的正确写法,解决 in unnamed module of loader ‘app‘
  16. 苹果状态栏HTML,iphoneX 适配客户端H5页面的方法教程
  17. android 自定义图片裁剪,Android图片裁剪工具封装
  18. python基于opencv的人脸检测(有最详细的注释)摄像头实时检测人脸
  19. The road you are trudging is bound for loneliness.(前行的道路注定孤独)
  20. 高压电缆感应式取电电源分析及设计

热门文章

  1. idea插件开发教程
  2. 云课堂智慧职教计算机作业答案,云课堂智慧职教毛概作业答案
  3. Navicat for mac破解版
  4. 百度文库免费下载含豆丁、道客巴巴等
  5. 斐讯盒子t1 刷Android,斐讯盒子T1/N1刷机流水账
  6. mqtt测试工具(持续更新...)
  7. 欧姆龙nj与nx哪个高端_没想到还有比三菱更垃圾的PLC,欧姆龙隆重登场
  8. 怎么使用QQ音乐api搭建个人音乐站点
  9. 初中会考计算机flash,初中信息技术考试flash.doc
  10. 通用接口测试用例设计