HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

关于运行HBuilderX,360提示不安全的说明

360

部分小伙伴,下载HBuilderX后,运行, 电脑上的360提示HBuilderX不安全,可能是由于本地360病毒木马库未升级所导致的。

HBuilderX,每次发版前,都会提交360和微软进行审核,请大家放心使用

360 审核截图

微软审核截图

继续阅读 »

部分小伙伴,下载HBuilderX后,运行, 电脑上的360提示HBuilderX不安全,可能是由于本地360病毒木马库未升级所导致的。

HBuilderX,每次发版前,都会提交360和微软进行审核,请大家放心使用

360 审核截图

微软审核截图

收起阅读 »

接项目:app,小程序,uniapp,vue,php,weex都可以

外包

uni-app跨平台方案第一批尝鲜者,已使用uni-app方案做过多个项目,该躺的坑已躺完,可快速开发

已开发的项目案例:

陌生人匿名社交
4s车源调度大型平台
商城项目
垃圾分类项目
等等

另可:

用weex框架开发App端项目,支持热更新等
原生微信小程序框架开发微信小程序

欢迎来电咨询:
电话:18296160359
微信:同上
QQ: 1725954032

继续阅读 »

uni-app跨平台方案第一批尝鲜者,已使用uni-app方案做过多个项目,该躺的坑已躺完,可快速开发

已开发的项目案例:

陌生人匿名社交
4s车源调度大型平台
商城项目
垃圾分类项目
等等

另可:

用weex框架开发App端项目,支持热更新等
原生微信小程序框架开发微信小程序

欢迎来电咨询:
电话:18296160359
微信:同上
QQ: 1725954032

收起阅读 »

iOS云打包后提交App Store

iOS打包 iOS

1.打开Application Loader

应用程序-->Xcode-->右键显示包内容-->Contents-->Applications-->Application Loader 双击打开即可使用

2.登录APPID

账户如果启用了双重认证的在浏览器登录获取APP专用密码
https://appleid.apple.com/#!&page=signin

3. 选择打包好的IPA文件

4.系统检测完成后提交应用

注意:云打包时使用iOS Distribution发布证书,不要用iPhone Developer证书(该证书打测试包用)

继续阅读 »

1.打开Application Loader

应用程序-->Xcode-->右键显示包内容-->Contents-->Applications-->Application Loader 双击打开即可使用

2.登录APPID

账户如果启用了双重认证的在浏览器登录获取APP专用密码
https://appleid.apple.com/#!&page=signin

3. 选择打包好的IPA文件

4.系统检测完成后提交应用

注意:云打包时使用iOS Distribution发布证书,不要用iPhone Developer证书(该证书打测试包用)

收起阅读 »

接app,小程序,uniapp,mui,vue,php项目

外包

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

继续阅读 »

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

收起阅读 »

2.1.0版升级常见问题:iOS App闪退、input宽度等问题,请升级到2.1.1版

编译模式

HBuilderX 2.1.1版(20190716)已经发布,请先更新版本,再报问题


iOS App在非自定义组件模式的闪退问题

HBuilderX 2.1.0 版本,非自定义组件模式(或称之为模板模式)的老项目,在iOS上会闪退或无法进入。

解决方式1:
修改manifest.json的编译模式配置,改为自定义组件模式。参考:https://ask.dcloud.net.cn/article/35843。可能涉及部分代码调整。

解决方式2:
升级为2.1.1版。

我们强烈推荐开发者尽快升级为自定义组件模式,无论是为了性能、功能、还是稳定性。

模板模式,作为官方已经淘汰的模式,目前在官方的新版发布时已经不再进行测试。包括新增的功能,比如App的debug,也不可能支持模板模式。

未来,云打包也将不再支持模板模式。

另外,开发者新开项目时,请不要复制老项目的manifest。HBuilderX新建项目时,默认是自定义组件模式。但如果你的老项目是模板模式,复制这样的manifest到新项目,会把新项目也搞成模板模式。

css告警问题

2.1起新增了nvue的全局变量和不支持的css告警。
因为nvue其实支持的css是有限的,很多web的css不支持,但开发者写了很多无效代码也不知道。
如果控制台大量告警某些css不可用,一般是nvue里使用了不支持的css,以前没有告警,但也不会生效,现在在控制台给予了告警提醒,但也不影响运行。
由于nvue的uni-app编译模式支持了全局样式,也就是app.vue里的样式会在所有nvue里也生效。如果app.vue里写了nvue不支持的css,也会告警,同样也不影响运行。
想清理干净告警,建议在app.vue里写条件编译 / ifndef APP-PLUS-NVUE /,把vue用的css放这里。

自定义基座更新问题

如果你之前打了自定义基座,换了新版,请重新打自定义基座。不要用新版HBuilderX运行老版基座,那肯定是不行的。

地图打包失效的问题

新版manifest支持了百度地图的可视化配置。除了在manifest的模块中勾选map模块,还需要在sdk配置中勾选高德或百度。推荐高德。

titleNView 失效问题

2.1 起 navigationStyle 支持配置为 custom,可在多端使用。同时修正了 titleNView 配置错误时会导致导航栏隐藏的问题,请注意不要把false的布尔值写成"false"字符串。

// 错误的用法,之前版本会导致 titleNView 隐藏,2.1 不会隐藏 titleNView  
"titleNView": "false"  
// 正确的用法,可以正常隐藏 titleNView  
"titleNView": false

保存文件时提示eslint-vue插件不存在

这是升级时eslint-plugin-vue插件在更新node_module时无法连接npm服务器造成的。
可以在 工具-插件安装 里找到 eslint-plugin-vue,卸载这个插件,然后重新安装。

mac下svn/git插件失效问题

在工具-插件安装 里找到 svn、git,卸载插件,然后重新安装。

2.1.1 还修复了一批其他bug,列表如下:

  • 修复 终端命令分隔符不对导致运行npm命令失效的Bug
  • 修复 Node.js插件依赖的node_module安装失败后,插件仍然被当做已安装成功的Bug
  • 【uni-app插件】
    • 修复 TypeScript 项目中包含 nvue 时编译报错的Bug
    • App端 优化 titleNView 配置为字符串"false"时,等同于布尔型false,均为隐藏导航栏
    • App端(Android平台) 修复部分场景下,导航栏标题显示为页面url的Bug
    • H5端 修复 input 组件在 flex 布局下默认宽度为0的Bug
    • H5端 修复 input 组件设置高度后文字默认未垂直居中的Bug
    • hello uni-app 修复顶部选项卡(nvue版本)下拉刷新无法回弹的Bug
  • 【5+App插件】
    • iOS平台 修复 uni-app使用非自定义组件模式编译可能出现卡在splash界面或崩溃闪退的Bug 详情
    • iOS平台 修复 5+应用使用WKWebview在某些情况下可能引起闪退的Bug
    • iOS平台 修复 webview的circle样式下拉刷新操作不流畅和显示细节不正确的Bug 详情
    • Android平台 修复 nvue页面中image标签的placeholder属性设置本地地址可能引起崩溃的Bug 详情
    • Android平台 修复 原生控件对象(plus.nativeObj.View)不添加到Webview窗口直接显示后无法正常关闭的Bug 详情
继续阅读 »

HBuilderX 2.1.1版(20190716)已经发布,请先更新版本,再报问题


iOS App在非自定义组件模式的闪退问题

HBuilderX 2.1.0 版本,非自定义组件模式(或称之为模板模式)的老项目,在iOS上会闪退或无法进入。

解决方式1:
修改manifest.json的编译模式配置,改为自定义组件模式。参考:https://ask.dcloud.net.cn/article/35843。可能涉及部分代码调整。

解决方式2:
升级为2.1.1版。

我们强烈推荐开发者尽快升级为自定义组件模式,无论是为了性能、功能、还是稳定性。

模板模式,作为官方已经淘汰的模式,目前在官方的新版发布时已经不再进行测试。包括新增的功能,比如App的debug,也不可能支持模板模式。

未来,云打包也将不再支持模板模式。

另外,开发者新开项目时,请不要复制老项目的manifest。HBuilderX新建项目时,默认是自定义组件模式。但如果你的老项目是模板模式,复制这样的manifest到新项目,会把新项目也搞成模板模式。

css告警问题

2.1起新增了nvue的全局变量和不支持的css告警。
因为nvue其实支持的css是有限的,很多web的css不支持,但开发者写了很多无效代码也不知道。
如果控制台大量告警某些css不可用,一般是nvue里使用了不支持的css,以前没有告警,但也不会生效,现在在控制台给予了告警提醒,但也不影响运行。
由于nvue的uni-app编译模式支持了全局样式,也就是app.vue里的样式会在所有nvue里也生效。如果app.vue里写了nvue不支持的css,也会告警,同样也不影响运行。
想清理干净告警,建议在app.vue里写条件编译 / ifndef APP-PLUS-NVUE /,把vue用的css放这里。

自定义基座更新问题

如果你之前打了自定义基座,换了新版,请重新打自定义基座。不要用新版HBuilderX运行老版基座,那肯定是不行的。

地图打包失效的问题

新版manifest支持了百度地图的可视化配置。除了在manifest的模块中勾选map模块,还需要在sdk配置中勾选高德或百度。推荐高德。

titleNView 失效问题

2.1 起 navigationStyle 支持配置为 custom,可在多端使用。同时修正了 titleNView 配置错误时会导致导航栏隐藏的问题,请注意不要把false的布尔值写成"false"字符串。

// 错误的用法,之前版本会导致 titleNView 隐藏,2.1 不会隐藏 titleNView  
"titleNView": "false"  
// 正确的用法,可以正常隐藏 titleNView  
"titleNView": false

保存文件时提示eslint-vue插件不存在

这是升级时eslint-plugin-vue插件在更新node_module时无法连接npm服务器造成的。
可以在 工具-插件安装 里找到 eslint-plugin-vue,卸载这个插件,然后重新安装。

mac下svn/git插件失效问题

在工具-插件安装 里找到 svn、git,卸载插件,然后重新安装。

2.1.1 还修复了一批其他bug,列表如下:

  • 修复 终端命令分隔符不对导致运行npm命令失效的Bug
  • 修复 Node.js插件依赖的node_module安装失败后,插件仍然被当做已安装成功的Bug
  • 【uni-app插件】
    • 修复 TypeScript 项目中包含 nvue 时编译报错的Bug
    • App端 优化 titleNView 配置为字符串"false"时,等同于布尔型false,均为隐藏导航栏
    • App端(Android平台) 修复部分场景下,导航栏标题显示为页面url的Bug
    • H5端 修复 input 组件在 flex 布局下默认宽度为0的Bug
    • H5端 修复 input 组件设置高度后文字默认未垂直居中的Bug
    • hello uni-app 修复顶部选项卡(nvue版本)下拉刷新无法回弹的Bug
  • 【5+App插件】
    • iOS平台 修复 uni-app使用非自定义组件模式编译可能出现卡在splash界面或崩溃闪退的Bug 详情
    • iOS平台 修复 5+应用使用WKWebview在某些情况下可能引起闪退的Bug
    • iOS平台 修复 webview的circle样式下拉刷新操作不流畅和显示细节不正确的Bug 详情
    • Android平台 修复 nvue页面中image标签的placeholder属性设置本地地址可能引起崩溃的Bug 详情
    • Android平台 修复 原生控件对象(plus.nativeObj.View)不添加到Webview窗口直接显示后无法正常关闭的Bug 详情
收起阅读 »

uni-simple-router 路由、拦截、最优雅的解决方案

vue3 + vite

如果你正在使用 vue3 + vite 请参考 uni-simple-router v3 路由、拦截、最优雅的解决方案重磅来袭,或者查看 官方文档

uni-simple-router

一个更为简洁的Vue-router,专为 uni-app 量身打造

安装

NPM

 npm install uni-simple-router
如果在一个模块化工程中使用它,必须要通过 Vue.use() 明确地安装路由功能:
import Vue from 'vue'  
import Router from 'uni-simple-router'  

Vue.use(Router)

大纲

  1. 编程式的导航

  2. 命名式路由

  3. 路由传参

  4. 全局前置守卫

  5. 全局后置钩子

  6. 路由独享守卫

  7. 路由元信息

  8. 完整的导航解析流程

  9. 注意事项

简介说明:

是否你也曾感叹过为啥官方就不搞一个类似 Vue-router 一样的路由管理器?苦苦寻找。搜遍百度?社区?以及 Google?甚至是官方的各大 QQ 群?难受没找到!直到此插件出来之前也没有一个更好的解决方法。于是,没错,就是,它诞生了。只要你会使用 Vue-router 即可马上上手,下面文档的完全不用看。它保留了 Vue-router 完全相似的书写风格,让你 倍感亲切 !

不要脸系列:

最后欢迎大家来PR,一个人的力量是有限的,大家一起来。如果有帮到你们能否在github上点个赞,文章点个赞。赞越多需求完成的越快哦 ,有啥问题在下方留言。不要那么吝啬嘛!

相关连接:

1. uni-simple-router 文档地址

2. uni-simple-router github地址

3. uni-simple-router 插件市场

4.uni-app-tools工具集合

5. uni-app官方路由文档

6.uni-simple-router之H5强化篇

继续阅读 »

vue3 + vite

如果你正在使用 vue3 + vite 请参考 uni-simple-router v3 路由、拦截、最优雅的解决方案重磅来袭,或者查看 官方文档

uni-simple-router

一个更为简洁的Vue-router,专为 uni-app 量身打造

安装

NPM

 npm install uni-simple-router
如果在一个模块化工程中使用它,必须要通过 Vue.use() 明确地安装路由功能:
import Vue from 'vue'  
import Router from 'uni-simple-router'  

Vue.use(Router)

大纲

  1. 编程式的导航

  2. 命名式路由

  3. 路由传参

  4. 全局前置守卫

  5. 全局后置钩子

  6. 路由独享守卫

  7. 路由元信息

  8. 完整的导航解析流程

  9. 注意事项

简介说明:

是否你也曾感叹过为啥官方就不搞一个类似 Vue-router 一样的路由管理器?苦苦寻找。搜遍百度?社区?以及 Google?甚至是官方的各大 QQ 群?难受没找到!直到此插件出来之前也没有一个更好的解决方法。于是,没错,就是,它诞生了。只要你会使用 Vue-router 即可马上上手,下面文档的完全不用看。它保留了 Vue-router 完全相似的书写风格,让你 倍感亲切 !

不要脸系列:

最后欢迎大家来PR,一个人的力量是有限的,大家一起来。如果有帮到你们能否在github上点个赞,文章点个赞。赞越多需求完成的越快哦 ,有啥问题在下方留言。不要那么吝啬嘛!

相关连接:

1. uni-simple-router 文档地址

2. uni-simple-router github地址

3. uni-simple-router 插件市场

4.uni-app-tools工具集合

5. uni-app官方路由文档

6.uni-simple-router之H5强化篇

收起阅读 »

百度地图bug

uniapp

更新HBuilderX最新2.1版本之后,app中的定位我使用了百度地图,结果选择位置的时候(也就是调用chooseLocation)始终显示天安门,而且下面的位置列表加载失败。各位有遇到此问题吗?

更新HBuilderX最新2.1版本之后,app中的定位我使用了百度地图,结果选择位置的时候(也就是调用chooseLocation)始终显示天安门,而且下面的位置列表加载失败。各位有遇到此问题吗?

uni-app请求帮忙。好心人看一眼能点赞就领红包

5+App开发 App打包

UNIA付费求协助

近期一个项目因为前端H5是uni-app编译后的JS,没有源文件,现在需要对其中的小部分内容进行修改

请求大神提供技术支持,可以是提供解决方案,也可以帮忙修改一下

麻烦路过的帅哥美女帮忙顶一下

很棘手要哭的一个问题

感恩你们
————————————

支付宝口令红包:

——————————
uniapp求协助
需要你们发财的双手 点个赞顶上去

**

继续阅读 »

UNIA付费求协助

近期一个项目因为前端H5是uni-app编译后的JS,没有源文件,现在需要对其中的小部分内容进行修改

请求大神提供技术支持,可以是提供解决方案,也可以帮忙修改一下

麻烦路过的帅哥美女帮忙顶一下

很棘手要哭的一个问题

感恩你们
————————————

支付宝口令红包:

——————————
uniapp求协助
需要你们发财的双手 点个赞顶上去

**

收起阅读 »

请教下大佬们,5 app里怎么通过UrlSchemes唤醒其他应用

请教下大佬们,5 app里怎么通过UrlSchemes唤醒其他应用

文档里只找到了为app设置UrlSchemes和通过浏览器调起,没找到怎么调其他app的UrlSchemes

请教下大佬们,5 app里怎么通过UrlSchemes唤醒其他应用

文档里只找到了为app设置UrlSchemes和通过浏览器调起,没找到怎么调其他app的UrlSchemes

希望弄个自动生成app启动图的功能

启动图片

希望弄个自动生成app启动图的功能。
类似开屏广告那种啊,只是不显示广告就行,其它的都一样,你们那边应该不需要多大的工作量。
这种方法简单,而且很好用,方便用户使用。
这样不需要再去自己弄app启动图了。
做那么多图片还是很麻烦的。

希望弄个自动生成app启动图的功能。
类似开屏广告那种啊,只是不显示广告就行,其它的都一样,你们那边应该不需要多大的工作量。
这种方法简单,而且很好用,方便用户使用。
这样不需要再去自己弄app启动图了。
做那么多图片还是很麻烦的。

小程序支付流程JSAPI

微信支付

整个支付流程, 前端发起请求后端处理 用了整整两天,
各种坑,各种看文档难以理解,
头大
分享下步骤流程心得吧,
第一次接触可能会和我一样有踩坑的,
第一步
uniapp发起支付请求,其实这里第一步只是传一个金额和openid或者用户ID给后端
后端收到请求后 带着金额以及用户的openid 向腾讯【统一下单接口】发起第一次请求,
请求成功后腾讯会返给你一个临时订单号也就是prepay_id
当拿到prepay_id以后第一步就已经完成了,
第二步
给uni.requestPayment中的数据进行二次签名验证 !!! 这个梗卡了我两天,无力吐槽,
进行二次签名和第一次唯一不同的就是第二次多了个prepay_id,
此时前端的支付程序已经掉起,如果第二次签名验证没有问题的话就会弹出来支付的界面了.
下面上图
1.带着金额和用户信息发起请求(前提要先判断登录没登录,要获取openid)

2.后端处理(PHP)发起统一下单请求获取prepay_id

3.拿到统一下单接口后进行二次签名验证(我选择的是在后端处理后返给前端)

4.前端拿到二次签名后的数据调起支付界面

5.输入支付密码支付完成!

具体就这么多吧
流程,前端带金额和用户信息发起请求>后端确认>拿金额和openid向腾讯发起请求>得到临时单号prepay_id>进行二次签名验证>返给前端>前端调起支付>输入密码支付>完成
代码部分
我的QQ5249812有问题可以互相探讨
腾讯微信支付接口签名校验工具:
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=20_1

继续阅读 »

整个支付流程, 前端发起请求后端处理 用了整整两天,
各种坑,各种看文档难以理解,
头大
分享下步骤流程心得吧,
第一次接触可能会和我一样有踩坑的,
第一步
uniapp发起支付请求,其实这里第一步只是传一个金额和openid或者用户ID给后端
后端收到请求后 带着金额以及用户的openid 向腾讯【统一下单接口】发起第一次请求,
请求成功后腾讯会返给你一个临时订单号也就是prepay_id
当拿到prepay_id以后第一步就已经完成了,
第二步
给uni.requestPayment中的数据进行二次签名验证 !!! 这个梗卡了我两天,无力吐槽,
进行二次签名和第一次唯一不同的就是第二次多了个prepay_id,
此时前端的支付程序已经掉起,如果第二次签名验证没有问题的话就会弹出来支付的界面了.
下面上图
1.带着金额和用户信息发起请求(前提要先判断登录没登录,要获取openid)

2.后端处理(PHP)发起统一下单请求获取prepay_id

3.拿到统一下单接口后进行二次签名验证(我选择的是在后端处理后返给前端)

4.前端拿到二次签名后的数据调起支付界面

5.输入支付密码支付完成!

具体就这么多吧
流程,前端带金额和用户信息发起请求>后端确认>拿金额和openid向腾讯发起请求>得到临时单号prepay_id>进行二次签名验证>返给前端>前端调起支付>输入密码支付>完成
代码部分
我的QQ5249812有问题可以互相探讨
腾讯微信支付接口签名校验工具:
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=20_1

收起阅读 »

打包h5 后 在微信内打开 webview 无法跳转问题

bug反馈

官方实例也有这个问题 希望及时修复

https://uniapp.dcloud.io/h5/pages/component/web-view/web-view

官方实例也有这个问题 希望及时修复

https://uniapp.dcloud.io/h5/pages/component/web-view/web-view