精华内容
下载资源
问答
  • wap2app引导页的简单制作
    2021-06-25 06:04:23

    许多开发者在开发wap2app时,都提出了引导页如何制作的问题,其实wap2app的引导页和普通5+app的做法是一样的。

    5+app的引导页制作。

    具体实现

    1.在client_index.html页面添加如下代码:

    if(window.plus){

    plusReady()

    }else{

    document.addEventListener('plusready',plusReady,false)

    }

    function plusReady(){//这里是每次进入应用都会显示引导页,开发中要如何显示引导页视具体的情况而定。

    var guide = plus.webview.create('guide/guide.html',"guide");

    guide.show();

    }

    2.在manifest.json->splash配置:启动选项改为手动关闭启动界面;

    3.引导页guide.html:这个页面需要做到plusready后关闭splash,在引导结束后关闭引导页,开发时可使用mui的引导页看看效果。

    注意:

    1.由于采用了手动关闭splash的选项,所以如果进来的时候没有打开guide.html,那么需要在client_index.html里调用5+方法关闭splash;

    2.在guide页面的back逻辑默认是wap2app的首页返回逻辑,即双击back退出应用,开发者可根据实际需求自己监听back,重写逻辑。

    更多相关内容
  • wap2app 通过wap页面吊起app的demo openscheme.html为wap页面 schemeapp中为android代码
  • wap2app去除系统自带的导航栏

    千次阅读 2020-04-13 09:24:30
    有时候我们做移动端的项目的时候,有属于自己的导航栏,在通过网站变成APP, 就会形成两个导航栏,这个时候我们就是去掉原生带来的; 1.找到项目的sitemap.json文件 2.找到global里面的titleNView,把它变成...

    有时候我们做移动端的项目的时候,有属于自己的导航栏,在通过网站变成APP, 就会形成两个导航栏,这个时候我们就是去掉原生带来的;

    1.找到项目的sitemap.json文件

     

     

    2.找到global里面的titleNView,把它变成false

    3.这步如果没有写的,你就会发现项目的话,只是把你导航栏的样式,颜色什么都去掉,变成默认的原生导航栏,白灰色的导航,但并没有消失,我们要在pages的最后,记得一定是要在最后加上

    这么一段话,再重新运行项目,你会发现,导航就消失了,

    完整的配置在下面,复制的时候记得里面的跳转链接地址要自己的移动端网站,不然会报错的哦

    {
    	"global": {
    		"webviewParameter": {
    			// "titleNView": {
    			//     "autoBackButton": true,
    			//     "backgroundColor": "#215275",//导航栏背景色
    			//     "titleColor": "#fff",//标题颜色
    			//     "titleSize": "17px"
    			// },
    			"titleNView": false,
    			"statusbar": {
    				//系统状态栏样式(前景色)
    				"style": "light",
    				"background": "#215275"
    			},
    			"appendCss": "",
    			"appendJs": ""
    		},
    		"easyConfig": {}
    	},
    	"pages": [{
    			"webviewId": "__W2A__www.bentell.cn", //首页
    			"matchUrls": [{
    				"href": "跳转的地址,填写自己的移动网站网址"
    			}, {
    				"href": "跳转的地址,填写自己的移动网站网址"
    			}],
    			"webviewParameter": {
    				"titleNView": false,
    				"statusbar": {
    					//状态条背景色,
    					//首页不使用原生导航条,颜色值建议和global->webviewParameter->titleNView->backgroundColor颜色值保持一致
    					//若首页启用了原生导航条,则建议将首页的statusbar配置为false,这样状态条可以和原生导航条背景色保持一致;
    					"background": "#215275"
    				}
    			}
    
    		},
    		{ //未适配的公共页面,可拦截原生下载和头部导航栏, 注:通配符的规则+放在最后一个节点才能达到适配所有未适配的公共页面效果,适配规则优先级为自上而下查找匹配规则
    			"webviewId": "common",
    			"matchUrls": [{
    				"hostname": "R:.*",
    				"pathname": "R:.*"
    			}]
    		}
    
    	]
    }
    

     

    展开全文
  • HbuilderX打包Wap2App应用

    2021-06-04 17:05:28
    2.选择图标 3.选择启动图片 4.设置配置文件,下面的代码主要是去掉了默认的导航栏和退出时不要显示反馈信息 { "global": { "webviewParameter": { "titleNView": { "autoBackButton": true, "bac

    下载地址:https://www.dcloud.io/hbuilderx.html

    1.新建项目

    2.选择图标

    3.选择启动图片

    4.设置配置文件,下面的代码主要是去掉了默认的导航栏和退出时不要显示反馈信息

    {
        "global": {
            "webviewParameter": {
                "titleNView": {
                    "autoBackButton": true,
                    "backgroundColor": "#f7f7f7",//导航栏背景色
                    "titleColor": "#000000",//标题颜色
                    "titleSize": "17px"
                },
                "statusbar": {
                    //系统状态栏样式(前景色)
                    "style": "dark"
                },
                "appendCss": "",
                "appendJs": ""
            },
            "easyConfig": {
    			"quit"	: {
    				"toast"	: {
    					"showFeedback"	: false
    				}
    			}
    		}
        },
        "pages": [
            {
                "webviewId": "__W2A__food.mojocube.com",//首页
                "matchUrls": [
                    {
                        "href": "http://www.mojocube.com/"
                    }, {
                        "href": "http://www.mojocube.com/"
                    }
                ],
                "webviewParameter": {
                    "titleNView": false,
                    "statusbar": {
                        //状态条背景色,
                        //首页不使用原生导航条,颜色值建议和global->webviewParameter->titleNView->backgroundColor颜色值保持一致
                        //若首页启用了原生导航条,则建议将首页的statusbar配置为false,这样状态条可以和原生导航条背景色保持一致;
                        "background": "#f7f7f7"
                    }
                }
            },
    		{
    			//未适配的公共页面,可拦截原生下载和头部导航栏, 注:通配符的规则 放在最后一个节点才能达到适配所有未适配的公共页面效果,适配规则优先级为自上而下查找匹配规则
    		   "webviewId": "common",  
    		   "matchUrls": [  
    			   {  
    				   "hostname": "R:.*",  
    				   "pathname": "R:.*"  
    			   }  
    		   ],  
    		   "webviewParameter": {  
    			   "titleNView": false  
    		   }
    	   }
        ]
    }

     

    5.提交并打包下载

    这样APP就设置好了,打包进度可以在下面的控制台查看,打包完就可以下载了:

    如果没有安装安心打包插件,会弹出以下提示框,点击“安装”继续

    插件安装完成后需重新点击“打包”按钮提交打包

    打包完成后自动保存到项目的"unpackage/release/apk/"目录

    这里如果以前没用过的用户可能都会提示“请先下载真机运行插件然后在重新打包”

    根据下图提示位置点击,去下载安装一下插件,安装完成后,重复上面的打包操作即可!

    展开全文
  • wap2app是什么

    千次阅读 2019-09-14 08:08:40
    wap2app 是一个将现有M站(也称手机wap站,区别于pc的web站)快速发布成 App 的增强方案,通过 DCloud 的 wap2app 框架,进行简单的配置和必要的编程,即可完成M站的体验强化,达到原生应用的功能体验,进而再发布为...

    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

    展开全文
  • function plusReady() {var zxlmweb = plus.webview.create("http://xw.qq.com/index.htm")zxlmweb.show(); // 显示窗口plus.key.addEventListener("backbutton", function() { //监听返回按键zxlmweb.canBack...
  • 1.uniapp 开发者编写一套代码,可发布到iOS、Android、Web...2. Wap2App 就是打包成一个app 例如:我有一个手机网站 http://a.b.com,想打包成andorid app上架应用市场。可以用这个 打包的苹果app好像好难上...
  • wap2app将网页打包成apk步骤 使用HbuilderX创建一下wap2app项目 我们选择创建 wap2app 的项目 起一个项目名称 是我们要打包的地址,就是我们(服务器上)项目的入口页面 wap2app项目的存放路径 点击创建 项目...
  • wap2app检测版本升级

    千次阅读 2018-09-03 14:23:12
    参考官方文档 ...【ps:在app.js文本的onLaunch方法中代码添加以下代码】 var ua = navigator.userAgent; if(ua.indexOf('Html5Plus')>-1 && ua.indexO...
  • 参考:https://ask.dcloud.net.cn/question/94515?notification_id-84803__rf-false__item_id-25486 不用引用uniapp任何js,直接使用下面代码: ... alert("浏览器"); }else{ alert("app"); } ...
  • UniAPP中的微信登陆(APP端) uni.login({ provider: 'weixin', success: function(loginRes) { // uniapp为我们封装了微信登陆,loginRes参数里含有我们需要的openid,unionid,access_token等参数 let openid = ...
  • wap2app 右滑会变成空白页面, 然后就回不到App了 有两个方法 iOS关闭侧滑返回: manifest.json的"plus"->"popGesture"节点设置为"none" 另外一个 换成 H5+项目打包 在index.html添加了上 如果还有其他的...
  • 什么是wap2app? 一个将现有的M站(也称手机wap站)快速发布成APP的增强方案,通过DCloud的wap2app框架,进行简单的配置和必要的编程。 即可完成M站的体验强化,达到原生应用的功能体验,进而再发布为原生安装包或...
  • wap2app(三)-- 添加引导页

    千次阅读 2018-11-01 15:55:48
    if(window.plus){ plusReady() ... document.addEventListener('plusready',plusReady,false) ... function plusReady(){//这里是每次进入应用都会显示引导...源码地址:https://github.com/erinwxl/wap2app-guide
  •  新建一个wap2app项目并完成各项配置后,打开manifest.json --> 基础配置 ,找到如下图选择框 勾选此选项,真机运行后在手机上显示如下图: 标题之上没有显示状态栏。 二、显示系统状态栏,并自定义系统状态栏...
  • 添加原生标题栏可以参照 《wap2app(六)-- wap2app的原生标题头无法隐藏》,具体如下: 1.打开 sitemap.json文件 --> page配置下的"webviewId"为“common”的整个内容配置删除或注释,这时候会页面的原生标题就...
  • wap2app 安卓返回键 直接退出问题

    千次阅读 2020-04-30 11:48:33
    http://www.xx.com 为你打包wap的域名 function plusReady() { var zxlmweb = plus.webview.create("http://www.xx.com") zxlmweb.show(); // 显示窗口 plus.key.addEventListener("backbutton", f...
  • wap2app双标题,如何禁用原生标题栏

    千次阅读 2018-08-15 14:44:26
    因为wap2app的原生头渲染更快,页面加载时不会出现整屏白屏的情况。 情景: 但是wap站的header中已存在相关的逻辑,功能全部移到原生标题栏上很是麻烦。因此,为了解决双标题问题,需要禁止原生标题栏。 如何隐藏...
  • 前言:wap2app是hbuild下的一个项目类型,直接通过地址链接生成原生App. 详情请看:https://ask.dcloud.net.cn/article/1244 一、打包后的ios跳转链接出现问题,点击跳转出现loading,但是跳转没有执行。 这是...
  • 发现这种返回方式直接就把app关掉了 又改成 if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { alert("我是app") void plus.runtime.openWeb(url); } else { window.open(url
  • 用Hbuilder打包网站,在打包好的app中是无法像网站那样直接使用长按图片保存的功能的,需要在网站里对来自wap2app进行单独处理,接下来介绍一下如何在Hbuilder打包后的app里实现长按图片的功能。 1.在需要实现长按...
  • 第一个坑遇到的是iconfont无法正常显示。 按该博文将icon换成ttf即可。 https://www.cnblogs.com/alice-fee/p/8036691.html
  • 解决方案 在 sitemap.json 文件里 1、把global里的titleNView值设置为false 2、在sitemap.json的pages数组的最后,适配url规则为从上而下,配置一个webviewid为common的webview,容纳所有随机打开的窗口
  • 给封装打包的WAP2APP增加原生分享到微信或者朋友圈等分享功能! 2.实现原理: 到微信开发者平台登记应用获取APPIDstep1:登陆微信开发者中心, 并登陆微信开发者账号step2:管理中心-->创建应用step3: 填写基本...
  • 前言:最近wap2app项目中ios真机运行,首页侧滑操作后出现白屏页面并且返回不回去,只能关闭app,看了wap2app文档说是 manifest.json文件popGesture设置为none,然而试了下还是没解决。 解决方案:sitemap.json...
  • 自己收藏方便以后用,原文链接。 修改sitemap.json { "global" : { "webviewParameter" : { "titleNView" : false, "statusbar" : { "style" : "dark", "background" : "#F7F7F7" ...
  • 加密目的是为了防止别人解压APP文件后既可拿到你的信息和源代码,保护APP信息安全。...这里以wap2app项目为列 "confusion" : { "description" : "js原生混淆配置", "resources" : { "js/share....
  • DZ有个点微同城的插件,发现这个插件挺好用的,但是它没有APP,于是就自己动手研究了一段时间点微同城打包成APP 于是便集成了点微同城原生微信登录,原生微信支付,原生支付宝支付以及扫一扫,...2.打开HBuilder X...
  • 这里的HBuilder指的是普通版本...这个版本的HBuilder,不可以打包移动App,可以打包Wap2App。 参考博客: https://blog.csdn.net/springlover1994/article/details/79935322 Hbuilder的安装目录: //->将...
  • wap2app(一)-- 网站快速打包成app

    千次阅读 2018-10-22 18:54:00
    选择wap2app,填入项目名称,wap站首页地址,选择项目文件路径,创建。 项目创建成功,软件左侧会出现你刚创建的项目。 打开项目,找到manifest.json文件,依次配置相关配置文件。 一、基础...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,910
精华内容 8,364
关键字:

wap2app

友情链接: fileOperation.rar