HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

web2app配置经验

经过一个多星期的反复测试,终于完美打包!http://discuz-q.com/app.apk 提供下载体验!
以下是技术总结。整理不易,如果解决你的问题,不吝点个赞。
经常看到问答里面有很多人提问题没有得到解决,这次也是自己找了无数资料解决后的提供 希望大家能采纳 !

1.内容超出屏幕后右边出现滚动条的问题解决办法!

禁止后视觉效果跟原生APP无异。
需要注意的是,本方法不能使用X5内核,不然无法禁止右边的滚动。
在sitemap.json文件"global"下配置"scrollIndicator" : "none",即可解决!写法如下!

"global": {  
        "webviewParameter": {  
            "scrollIndicator" : "none",//关闭右侧滑动条  
},

2.打开新页面出现等待雪花的解决办法!

在sitemap.json文件"easyConfig"下配置open,即可解决!写法如下!

 "easyConfig": {  
            "open":{   
                        "waiting":false  // 禁用waiting,打开page1页面时,不显示waiting等待框    
                    },

3.增加下拉刷新!

在sitemap.json文件"global"下配置"pullToRefresh",即可解决!写法如下!

"global": {  
        "webviewParameter": {  
            "pullToRefresh":{    
                            "support":true //启用下拉刷新    
                          }                      
                       }  
                    },  

4.增加滑动效果

在sitemap.json文件"easyConfig"下配置open,即可解决!写法如下!

"easyConfig": {  
            "open":{   
                "animation":{//窗口切换动画配置    
                                "type":"pop-in",//窗口动画类型    
                                "duration":300//窗口动画执行时间    
                            },

5.退出时不显示反馈意见

在sitemap.json文件"easyConfig"下配置quit,即可解决!写法如下!

"easyConfig": {  
            "quit": {    
                        "toast": {    
                            "showFeedback": false //不显示“反馈意见”链接,默认为true    
                        }    
                    }   
    },

6.禁用双标题,并配置颜色

在sitemap.json文件"webviewParameter"下配置,即可解决!完整写法如下!

"webviewParameter": {  
                "titleNView": false,  
                "statusbar": {  
                    //状态条背景色,  
                    //首页不使用原生导航条,颜色值建议和global->webviewParameter->titleNView->backgroundColor颜色值保持一致  
                    //若首页启用了原生导航条,则建议将首页的statusbar配置为false,这样状态条可以和原生导航条背景色保持一致;  
                    "background": "#6C9BD3"  
                }  
                            }  
                        },{  
                        "webviewId": "common",    
                            "matchUrls": [    
                                {    
                                    "hostname": "R:.*",    
                                    "pathname": "R:.*"    
                                }    
                            ],    
                            "webviewParameter": {    
                                "titleNView": false  ,  
                                "statusbar": {  
                "style":"dark",  
                "background": "#6C9BD3"  
                }  
                            }    
                        }    
                    ]  
                }  

目前暂时就处理了这些问题,譬如开启硬件加速视频还是无法播放的问题以及原生分享获取不到内容的问题还没有解决,希望解决的老哥提供一下方法!

继续阅读 »

经过一个多星期的反复测试,终于完美打包!http://discuz-q.com/app.apk 提供下载体验!
以下是技术总结。整理不易,如果解决你的问题,不吝点个赞。
经常看到问答里面有很多人提问题没有得到解决,这次也是自己找了无数资料解决后的提供 希望大家能采纳 !

1.内容超出屏幕后右边出现滚动条的问题解决办法!

禁止后视觉效果跟原生APP无异。
需要注意的是,本方法不能使用X5内核,不然无法禁止右边的滚动。
在sitemap.json文件"global"下配置"scrollIndicator" : "none",即可解决!写法如下!

"global": {  
        "webviewParameter": {  
            "scrollIndicator" : "none",//关闭右侧滑动条  
},

2.打开新页面出现等待雪花的解决办法!

在sitemap.json文件"easyConfig"下配置open,即可解决!写法如下!

 "easyConfig": {  
            "open":{   
                        "waiting":false  // 禁用waiting,打开page1页面时,不显示waiting等待框    
                    },

3.增加下拉刷新!

在sitemap.json文件"global"下配置"pullToRefresh",即可解决!写法如下!

"global": {  
        "webviewParameter": {  
            "pullToRefresh":{    
                            "support":true //启用下拉刷新    
                          }                      
                       }  
                    },  

4.增加滑动效果

在sitemap.json文件"easyConfig"下配置open,即可解决!写法如下!

"easyConfig": {  
            "open":{   
                "animation":{//窗口切换动画配置    
                                "type":"pop-in",//窗口动画类型    
                                "duration":300//窗口动画执行时间    
                            },

5.退出时不显示反馈意见

在sitemap.json文件"easyConfig"下配置quit,即可解决!写法如下!

"easyConfig": {  
            "quit": {    
                        "toast": {    
                            "showFeedback": false //不显示“反馈意见”链接,默认为true    
                        }    
                    }   
    },

6.禁用双标题,并配置颜色

在sitemap.json文件"webviewParameter"下配置,即可解决!完整写法如下!

"webviewParameter": {  
                "titleNView": false,  
                "statusbar": {  
                    //状态条背景色,  
                    //首页不使用原生导航条,颜色值建议和global->webviewParameter->titleNView->backgroundColor颜色值保持一致  
                    //若首页启用了原生导航条,则建议将首页的statusbar配置为false,这样状态条可以和原生导航条背景色保持一致;  
                    "background": "#6C9BD3"  
                }  
                            }  
                        },{  
                        "webviewId": "common",    
                            "matchUrls": [    
                                {    
                                    "hostname": "R:.*",    
                                    "pathname": "R:.*"    
                                }    
                            ],    
                            "webviewParameter": {    
                                "titleNView": false  ,  
                                "statusbar": {  
                "style":"dark",  
                "background": "#6C9BD3"  
                }  
                            }    
                        }    
                    ]  
                }  

目前暂时就处理了这些问题,譬如开启硬件加速视频还是无法播放的问题以及原生分享获取不到内容的问题还没有解决,希望解决的老哥提供一下方法!

收起阅读 »

【建议】uniapp建议设置最大宽度

uniapp

现在在pc打开uniapp的\h5,因为屏幕太大了,体验不好

现在在pc打开uniapp的\h5,因为屏幕太大了,体验不好

5+app 底部留白解决方案

mui.init();
mui.plusReady(function() {
var nwating = plus.nativeUI.showWaiting(); //显示原生等待框
var wb = new plus.webview.create("demo.html","demo", {contentAdjust:false});
wb.addEventListener('loaded', function() {
nwating.close(); //关闭等待框
wb.show(); //把新的webview窗口显示出来
}, false);
});

继续阅读 »

mui.init();
mui.plusReady(function() {
var nwating = plus.nativeUI.showWaiting(); //显示原生等待框
var wb = new plus.webview.create("demo.html","demo", {contentAdjust:false});
wb.addEventListener('loaded', function() {
nwating.close(); //关闭等待框
wb.show(); //把新的webview窗口显示出来
}, false);
});

收起阅读 »

uniapp的demo无法双向数据绑定

uniapp的demo无法双向数据绑定

uniapp的demo无法双向数据绑定

iOS苹果3月4号新发公告解读

Appstore 审核 iOS 苹果

> 苹果公告更新,应用更新的截止日期已被延长到2020年6月30号,详情参考:Deadline for App Updates Has Been Extended

以下所有4月30号的截止日期都延迟到6月30号

2020年3月4号,苹果在App Store审核指南中修改了一些条例,并在官方上发了一条公告,从2020年4月30日开始,要求所有提交审核的APP使用iOS 13 SDK构建。

有很多开发者理解为从4月30号开始,应用必须适配支持暗黑模式、ARKit 3、iPad 多任务窗口等新功能才能提交苹果审核,这种理解是不准确的。

苹果3月4号公告的解读

苹果官网公告原文内容为:
iOS 13 is now running on 77% of all iOS devices introduced in the last four years, worldwide. Deliver great user experiences by seamlessly integrating with Dark Mode, Sign in with Apple, and the latest advances in ARKit 3, Core ML 3, and Siri. Starting April 30, 2020, all iPhone apps submitted to the App Store must be built with the iOS 13 SDK or later.
Take advantage of Xcode features such as storyboards (including launch storyboards), Auto Layout, and SwiftUI, to ensure your app’s interface elements and layouts automatically fit the display of all iPhone models, regardless of size or aspect ratio. Starting April 30, 2020, all apps submitted to the App Store must use an Xcode storyboard to provide the app’s launch screen and all iPhone apps must support all iPhone screens.

官方公告链接

翻译为中文如下
全球范围内,过去四年发布的设备中已经有77%使用上了iOS 13系统。通过无缝集成的暗黑模式、Apple登录和先进的ARKit 3、Core ML 、Siri等功能,带给用户出色的使用体验。从2020年4月30日开始,所有提交至App Store的iPhone应用必须使用 iOS 13 SDK或者更高版本的iOS SDK进行构建。
借助Xcode提供的新功能,诸如Storyboard(包括启动Storyboard)、自动布局和SwiftUI,来保证应用的用户界面适配不同屏幕尺寸和比例的iPhone设备。从2020年4月30日起,所有提交至App Store的应用必须使用Xcode Storyboard来创建应用的启动界面,所有的iPhone应用必须能够适配所有尺寸屏幕的iPhone设备。

总结来说公告主要提出了以下要求:

  • 从2020年4月30号开始,开发者要用iOS 13 SDK来构建打包才能上传App Store审核
    HBuilderX从去年10月已经开始升级了云端打包机,使用XCode11.2.1(iOS SDK 13.2),云端打包满足苹果最新要求
    另外我们已经停止对老版本HBuilder的维护,还在使用HBuilder的用户请尽快更新到HBuilderX。

  • 从2020年4月30号开始,开发者要使用Storyboard来制作开启界面,也就是说不能使用启动图片
    HBuilderX默认其实已经使用storyboard作为默认启动界面,只要不配置启动图片就会使用storyboard。
    关于自定义storyboard的详细解决方案,参考:https://ask.dcloud.net.cn/article/37475

  • 从2020年4月30号开始,开发者需要完成对所有尺寸屏幕iPhone设备的适配
    主要是应用中的页面需适配各种尺寸设备

所以并不是要求4月30号必须适配暗黑模式、ARKit3、iPad多任务窗口才能提交苹果审核,苹果官方文档中也从未这么强制要求过。有此疑问的开发者可以放心,即使没有适配暗黑模式应用仍然可以通过苹果审核,已发布的应用也不会强制要求下架。

苹果3月4号更新审核指南

建议开发者仔细阅读苹果官方的App Store 审核指南,此文档的中文描述就是苹果官方权威说明了。
网上对App Store审核指南的更新解读已经有很多了,大家也可以自行百度搜索了解。

继续阅读 »

> 苹果公告更新,应用更新的截止日期已被延长到2020年6月30号,详情参考:Deadline for App Updates Has Been Extended

以下所有4月30号的截止日期都延迟到6月30号

2020年3月4号,苹果在App Store审核指南中修改了一些条例,并在官方上发了一条公告,从2020年4月30日开始,要求所有提交审核的APP使用iOS 13 SDK构建。

有很多开发者理解为从4月30号开始,应用必须适配支持暗黑模式、ARKit 3、iPad 多任务窗口等新功能才能提交苹果审核,这种理解是不准确的。

苹果3月4号公告的解读

苹果官网公告原文内容为:
iOS 13 is now running on 77% of all iOS devices introduced in the last four years, worldwide. Deliver great user experiences by seamlessly integrating with Dark Mode, Sign in with Apple, and the latest advances in ARKit 3, Core ML 3, and Siri. Starting April 30, 2020, all iPhone apps submitted to the App Store must be built with the iOS 13 SDK or later.
Take advantage of Xcode features such as storyboards (including launch storyboards), Auto Layout, and SwiftUI, to ensure your app’s interface elements and layouts automatically fit the display of all iPhone models, regardless of size or aspect ratio. Starting April 30, 2020, all apps submitted to the App Store must use an Xcode storyboard to provide the app’s launch screen and all iPhone apps must support all iPhone screens.

官方公告链接

翻译为中文如下
全球范围内,过去四年发布的设备中已经有77%使用上了iOS 13系统。通过无缝集成的暗黑模式、Apple登录和先进的ARKit 3、Core ML 、Siri等功能,带给用户出色的使用体验。从2020年4月30日开始,所有提交至App Store的iPhone应用必须使用 iOS 13 SDK或者更高版本的iOS SDK进行构建。
借助Xcode提供的新功能,诸如Storyboard(包括启动Storyboard)、自动布局和SwiftUI,来保证应用的用户界面适配不同屏幕尺寸和比例的iPhone设备。从2020年4月30日起,所有提交至App Store的应用必须使用Xcode Storyboard来创建应用的启动界面,所有的iPhone应用必须能够适配所有尺寸屏幕的iPhone设备。

总结来说公告主要提出了以下要求:

  • 从2020年4月30号开始,开发者要用iOS 13 SDK来构建打包才能上传App Store审核
    HBuilderX从去年10月已经开始升级了云端打包机,使用XCode11.2.1(iOS SDK 13.2),云端打包满足苹果最新要求
    另外我们已经停止对老版本HBuilder的维护,还在使用HBuilder的用户请尽快更新到HBuilderX。

  • 从2020年4月30号开始,开发者要使用Storyboard来制作开启界面,也就是说不能使用启动图片
    HBuilderX默认其实已经使用storyboard作为默认启动界面,只要不配置启动图片就会使用storyboard。
    关于自定义storyboard的详细解决方案,参考:https://ask.dcloud.net.cn/article/37475

  • 从2020年4月30号开始,开发者需要完成对所有尺寸屏幕iPhone设备的适配
    主要是应用中的页面需适配各种尺寸设备

所以并不是要求4月30号必须适配暗黑模式、ARKit3、iPad多任务窗口才能提交苹果审核,苹果官方文档中也从未这么强制要求过。有此疑问的开发者可以放心,即使没有适配暗黑模式应用仍然可以通过苹果审核,已发布的应用也不会强制要求下架。

苹果3月4号更新审核指南

建议开发者仔细阅读苹果官方的App Store 审核指南,此文档的中文描述就是苹果官方权威说明了。
网上对App Store审核指南的更新解读已经有很多了,大家也可以自行百度搜索了解。

收起阅读 »

丁香智旅专业旅游小程序,旅行社小程序,旅行社APP开发维护

支付宝小程序 百度小程序 微信小程序

丁香智旅 &专业级多端合一旅游电商系统
全系产品免费赠送PC端
一次授权,代码100%开源,可自行二次开发
PC+手机H5+各种小程序+微信公众号+APP全覆盖
旅游线路、特产商城、景点门票、酒店、签证、活动、导游领队、攻略
文章、定制、视频、供应商等功能模块全覆盖
分销、推广、优惠券、限时抢购等营销功能全覆盖

官方网站:https://www.erdaicms.com

继续阅读 »

丁香智旅 &专业级多端合一旅游电商系统
全系产品免费赠送PC端
一次授权,代码100%开源,可自行二次开发
PC+手机H5+各种小程序+微信公众号+APP全覆盖
旅游线路、特产商城、景点门票、酒店、签证、活动、导游领队、攻略
文章、定制、视频、供应商等功能模块全覆盖
分销、推广、优惠券、限时抢购等营销功能全覆盖

官方网站:https://www.erdaicms.com

收起阅读 »

关于 HBuilderX 控制台,提示进程已崩溃的解决方案

进程已崩溃 node

问题

最近部分小伙伴反馈,运行uniapp项目,控制台提示:进程已崩溃

错误如下图所示:

原因:node没有启动成功

排查

遇到上面的问题后,进入HBuilderX所在目录,进入plugins/node目录,点击运行node

如果node.exe, 打开后立马关闭,则可以确定是node的问题

备注:(exe是windows下的程序;如果是mac,进入plugins/node目录, 在终端输入node)

暂时解决方法

  1. 进入node官网,下载相关的node安装程序;如果本地已安装node,则可以跳过此步骤。
  2. 安装node后,进入node安装目录,将node可执行程序 拷贝到plugins/node目录
继续阅读 »

问题

最近部分小伙伴反馈,运行uniapp项目,控制台提示:进程已崩溃

错误如下图所示:

原因:node没有启动成功

排查

遇到上面的问题后,进入HBuilderX所在目录,进入plugins/node目录,点击运行node

如果node.exe, 打开后立马关闭,则可以确定是node的问题

备注:(exe是windows下的程序;如果是mac,进入plugins/node目录, 在终端输入node)

暂时解决方法

  1. 进入node官网,下载相关的node安装程序;如果本地已安装node,则可以跳过此步骤。
  2. 安装node后,进入node安装目录,将node可执行程序 拷贝到plugins/node目录
收起阅读 »

个人开发接uniapp,mui,小程序,后台管理系统,等等

技术支持 外包

本人从事互联网工作多年,目前就职某银行,技术过硬;
小程序,app,网站都有多个项目经验;
项目案例:
捎四方:应用预览:[捎四方](拼车、顺风车)
久久催app:应用预览:久久催(互联网催收)
巧匠课堂:应用预览:[巧匠课堂](在线教育)
猎趣:应用预览:[猎趣](二手商品交易平台)
amazingChina:应用预览:amazingChina
微信:fym1414901782
QQ : 1414901782
感恩各位老板咨询合作!

继续阅读 »

本人从事互联网工作多年,目前就职某银行,技术过硬;
小程序,app,网站都有多个项目经验;
项目案例:
捎四方:应用预览:[捎四方](拼车、顺风车)
久久催app:应用预览:久久催(互联网催收)
巧匠课堂:应用预览:[巧匠课堂](在线教育)
猎趣:应用预览:[猎趣](二手商品交易平台)
amazingChina:应用预览:amazingChina
微信:fym1414901782
QQ : 1414901782
感恩各位老板咨询合作!

收起阅读 »

这只是一个更加完善的建议

编辑器内部有一个预览窗口能够预览web页面,希望能够自定义大小直接输入长宽并且能够有一个功能按钮将该尺寸锁定,下一次弹出预览时就是之前自定义的尺寸界面

编辑器内部有一个预览窗口能够预览web页面,希望能够自定义大小直接输入长宽并且能够有一个功能按钮将该尺寸锁定,下一次弹出预览时就是之前自定义的尺寸界面

getUserInfo 用户取消获取用户信息,操作某个功能必须强制登录,怎么实现呢

getUserInfo 用户会取消获取用户信息,当操作某个功能必须强制登录需要用户openid,怎么实现了

getUserInfo 用户会取消获取用户信息,当操作某个功能必须强制登录需要用户openid,怎么实现了

ios下input输入框如何打开能输入小数点的数字键盘?答案在这里

键盘

翻遍百度和dcloud,居然没有答案,草!幸好终于在国外网站stackoverflow.com找到了。

<input name="price" type="number" inputmode="decimal" step="0.01" placeholder="输入价格">
继续阅读 »

翻遍百度和dcloud,居然没有答案,草!幸好终于在国外网站stackoverflow.com找到了。

<input name="price" type="number" inputmode="decimal" step="0.01" placeholder="输入价格">
收起阅读 »