日志样式

wap2app手机网站快速生成app神器

摘要:wap2app手机网站快速生成app神器wap2app是一个将现有M站(也称手机wap站,区别于pc的web站)快速发布成App的增强方案,通过DCloud的wap2app框架,进行简单的配置和必要的编程,即可完成M站的体验强化,达到原生应用的功能体验,进而再发布为原生安装包或流应用。如果你没有wap站, 而是想重新开发一个应用,并且开发一次,M站、跨平台原生App都自动生成,请移步DCloud的

wap2app手机网站快速生成app神器

wap2app手机网站快速生成app神器

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

如果你没有wap站, 而是想重新开发一个应用,并且开发一次,M站、跨平台原生App都自动生成,请移步DCloud的另一个产品MUI框架

wap2app解决方案有如下特点

-提供了原生渲染能力,让界面渲染速度和动画效果,达到原生体验(优化后的体验有多好,可以滚动到文档底部看“案例体验”章节)
-提供丰富的系统原生能力(定位、分享、支付、推送等),达到原生功能
-通过json配置页面规则和强化规则,工作量低,学习成本低
-M站仅需稍作修改,改造成本低
-强化部分和之前的M站解耦合,M站后续升级业务逻辑,生成的App自动含有更新后的业务逻辑

本地强化和M站的关系(理解这段关系非常重要)

使用wap2app,开发者可复用M站之前的所有业务逻辑,仅需进行必要的强化,而之前的注册、购物、查询等所有业务逻辑全部复用。
开发者所做的强化工作,分为:1、wap2app客户端的配置编程工作,2、原M站的改造工作
注意这2块是分开解耦的。

在HBuilder8.8.3起,新建项目时选择wap2app类型项目,会自动生成一批模板文件,这些json或js是部署在手机客户端侧的,并非部署到M站的服务器上。强化工作主要在这里做。
开发者无需、也不能把M站的项目源码导入到HBuilder的wap2app项目里,M站仍然是之前的模式,在服务器侧远程加载。

如果要在HBuilder中同时编写M站,则在HBuilder里新建项目时选择web项目类型。

在HBuilder中把新建的wap2app项目选择打包为原生应用或发布为流应用时,wap2app项目下的这些强化配置和编程文件,是存在app包里的,安装后直接在手机的本地存储区里运行,可以理解为是C/S模式的Client部分。而M站仍然是B/S模式的,并不会打包M站的那些文件到app包里,而是从服务器在线加载M站页面。

手机端实际运行时,DCloud的框架会自动把本地的强化配置和在线的wap站融合在一起,在用户眼里,仍然是一个app的感觉。

强化工作分3部分

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

强化和新开发的区别:

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