HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

Video 组件原来支持播放本地M3U8

video

app端Video组件,看论坛一直以为不能放本地M3U8,经过测试原来不需要任何插件可以直接播放本地M3U8,一直都被论坛误导了.

app端Video组件,看论坛一直以为不能放本地M3U8,经过测试原来不需要任何插件可以直接播放本地M3U8,一直都被论坛误导了.

ios端微信支付

微信支付
                                                                                                         **IOS微信支付**  

(一)微信开放平台
申请微信支付权限(300元)注意一定要注意审核是否通过
填写 Bundle ID就是android包名(不一定非要和APP一样,因为我发现我们app store 上的APP Bundle ID和微信开放平台上不一样 但是还好用 有知道的请告知)
Universal Links 必须填写(苹果的要求) https://demo.dcloud.net.cn/ulink/ 这个地址写死就完事了

(二)manifest清单文件
1.Payment勾选 ios
2.IOS平台通用链接 https://demo.dcloud.net.cn/ulink/

(三)测试
1.必须云打包 自定义基座和标准基座 都会走error毁掉
2.打包需要苹果开发者平台添加UDID
3.获取UDID,三方平台 fir 蒲公英都可以获取
4.将.ipa文件提交到三方平台 下载测试

        HBuilder版本号:2.8.8.20200820  
        邮箱:97272442@qq.com  

      ** 下次写ios怎么上线到App store**  
继续阅读 »
                                                                                                         **IOS微信支付**  

(一)微信开放平台
申请微信支付权限(300元)注意一定要注意审核是否通过
填写 Bundle ID就是android包名(不一定非要和APP一样,因为我发现我们app store 上的APP Bundle ID和微信开放平台上不一样 但是还好用 有知道的请告知)
Universal Links 必须填写(苹果的要求) https://demo.dcloud.net.cn/ulink/ 这个地址写死就完事了

(二)manifest清单文件
1.Payment勾选 ios
2.IOS平台通用链接 https://demo.dcloud.net.cn/ulink/

(三)测试
1.必须云打包 自定义基座和标准基座 都会走error毁掉
2.打包需要苹果开发者平台添加UDID
3.获取UDID,三方平台 fir 蒲公英都可以获取
4.将.ipa文件提交到三方平台 下载测试

        HBuilder版本号:2.8.8.20200820  
        邮箱:97272442@qq.com  

      ** 下次写ios怎么上线到App store**  
收起阅读 »

UniApp H5 浏览器下载图片 兼容iOS、Android

下载 h5 uniapp

由于官方的api下载事件uni.downloadFile下载的是临时文件,需要配合uni.saveFile使用,但是uni.saveFile不支持H5,另外uni.saveImageToPhotosAlbum保存图片到系统相册也不支持H5,所以采用以下方式解决。

安装依赖,这里使用FileSaver,并且支持修改文件名称

npm i file-saver -S

页面代码

import FileSaver from 'file-saver'  
···  
download(){  
  let imgUrl = 'http://www.test.com/img/xxxx.jpg' //网络图片地址  
  FileSaver.saveAs(imgUrl, '图片名称.jpg');  
}

如果图片不同源产生跨域,需要配置代理proxy

项目根目录新建vue.config.js代码如下:

module.exports = {  
  devServer:{  
    proxy:{  
      '/file_url': {    //将www.exaple.com印射为/apis  
        target: 'http://www.test.com',  // 接口域名  
        secure: false,  // 如果是https接口,需要配置这个参数  
        changeOrigin: true,  //是否跨域  
        pathRewrite: {  
            '^/file_url': ''   //需要rewrite的,  
        }                
      }  
    }  
  }  
}

配置代理后,'/file_url' = 'http://www.test.com',需要替换图片地址前缀,页面代码:

import FileSaver from 'file-saver'  
···  
download(){  
  let imgUrl = 'http://www.test.com/img/xxxx.jpg' //网络图片地址  
  FileSaver.saveAs('/file_url'+'/img/xxxx.jpg', '图片名称.jpg');  
}

效果如下:

继续阅读 »

由于官方的api下载事件uni.downloadFile下载的是临时文件,需要配合uni.saveFile使用,但是uni.saveFile不支持H5,另外uni.saveImageToPhotosAlbum保存图片到系统相册也不支持H5,所以采用以下方式解决。

安装依赖,这里使用FileSaver,并且支持修改文件名称

npm i file-saver -S

页面代码

import FileSaver from 'file-saver'  
···  
download(){  
  let imgUrl = 'http://www.test.com/img/xxxx.jpg' //网络图片地址  
  FileSaver.saveAs(imgUrl, '图片名称.jpg');  
}

如果图片不同源产生跨域,需要配置代理proxy

项目根目录新建vue.config.js代码如下:

module.exports = {  
  devServer:{  
    proxy:{  
      '/file_url': {    //将www.exaple.com印射为/apis  
        target: 'http://www.test.com',  // 接口域名  
        secure: false,  // 如果是https接口,需要配置这个参数  
        changeOrigin: true,  //是否跨域  
        pathRewrite: {  
            '^/file_url': ''   //需要rewrite的,  
        }                
      }  
    }  
  }  
}

配置代理后,'/file_url' = 'http://www.test.com',需要替换图片地址前缀,页面代码:

import FileSaver from 'file-saver'  
···  
download(){  
  let imgUrl = 'http://www.test.com/img/xxxx.jpg' //网络图片地址  
  FileSaver.saveAs('/file_url'+'/img/xxxx.jpg', '图片名称.jpg');  
}

效果如下:

收起阅读 »

uniapp使用uni.request请求报错{"errMsg":"request:fail abort statusCode:-1"}的解决办法

问题呈现

在uniapp中,使用uni.request()向服务端接口发起请求后,返回值为:{"errMsg":"request:fail abort statusCode:-1"},因此,导致了后面的业务代码报错

前提

检查了uni.request()根据服务端接口需要的配置(如:url、data、header、method等)都没有问题

问题出现的可能原因

在以上前提下还出现这种问题,最有可能的原因:手机没有连网,或者看着连上了网但实际网络不可用,可以在手机浏览器中随便输入点文字搜一下测试看看,能不能搜到新内容。

仔细查看,这个{"errMsg":"request:fail abort statusCode:-1"}返回值,其实并不是服务端返回来的,因为请求都完全没有到服务端

解决办法

在执行uni.request()向服务端请求前,使用uni.getNetworkType()和uni.onNetworkStatusChange()对网络进行监听,如果监听到当前设备是处于无网络的状态时,就不执行uni.request()请求,而是弹出一个弹框或者消息提示,提醒用户:“当前设备断网了,请检查网络后重试”

注:以上是根据我本人实际遇到这个问题后的解决办法,也是在这个坑里吃了不少苦,分享出来,希望给大家提供参考,若解决了你的问题,不要钱,请点一下赞!因为分享经验需要去组织语言、编辑文字,这个过程其实是需要花精力花时间的,因此,创作不易,分享不易!

继续阅读 »

问题呈现

在uniapp中,使用uni.request()向服务端接口发起请求后,返回值为:{"errMsg":"request:fail abort statusCode:-1"},因此,导致了后面的业务代码报错

前提

检查了uni.request()根据服务端接口需要的配置(如:url、data、header、method等)都没有问题

问题出现的可能原因

在以上前提下还出现这种问题,最有可能的原因:手机没有连网,或者看着连上了网但实际网络不可用,可以在手机浏览器中随便输入点文字搜一下测试看看,能不能搜到新内容。

仔细查看,这个{"errMsg":"request:fail abort statusCode:-1"}返回值,其实并不是服务端返回来的,因为请求都完全没有到服务端

解决办法

在执行uni.request()向服务端请求前,使用uni.getNetworkType()和uni.onNetworkStatusChange()对网络进行监听,如果监听到当前设备是处于无网络的状态时,就不执行uni.request()请求,而是弹出一个弹框或者消息提示,提醒用户:“当前设备断网了,请检查网络后重试”

注:以上是根据我本人实际遇到这个问题后的解决办法,也是在这个坑里吃了不少苦,分享出来,希望给大家提供参考,若解决了你的问题,不要钱,请点一下赞!因为分享经验需要去组织语言、编辑文字,这个过程其实是需要花精力花时间的,因此,创作不易,分享不易!

收起阅读 »

HBuilderX 跳转到指定的行和列

HBuilderX

HBuilderX 2.8.10起,支持跳转到指定的行列

HBuilderX内,跳转到指定行列

支持通过命令行打开指定文件,并跳转到指定的行和列。

/Applications/HBuilderX-Alpha.app/Contents/MacOS/HBuilderX /Users/hx/filename.md:2:10

注意:文件,需要是绝对路径

继续阅读 »

HBuilderX 2.8.10起,支持跳转到指定的行列

HBuilderX内,跳转到指定行列

支持通过命令行打开指定文件,并跳转到指定的行和列。

/Applications/HBuilderX-Alpha.app/Contents/MacOS/HBuilderX /Users/hx/filename.md:2:10

注意:文件,需要是绝对路径

收起阅读 »

uniapp中动态修改伪类元素的样式

data(){ ceshiColor: "#f60" } 中定义了一个变量,让后在要改变的标签中动态添加样式 :style="{ '--color': ceshiColor }" ,最后在样式表中 .ceshi::after{ display: block;content: "我是测试数据", color: var(--color) }

继续阅读 »

data(){ ceshiColor: "#f60" } 中定义了一个变量,让后在要改变的标签中动态添加样式 :style="{ '--color': ceshiColor }" ,最后在样式表中 .ceshi::after{ display: block;content: "我是测试数据", color: var(--color) }

收起阅读 »

苹果iOS上架App Store审核,由于相册权限原因被拒解决方案

Appstore 苹果审核 相册 上架

在配置文件里写上隐私描述就行了(为什么要用到相册功能):

            /* ios打包配置 */  
            "ios" : {  
                "capabilities" : {  
                    "entitlements" : {  
                        "com.apple.developer.associated-domains" : [ "applinks:1appapi.kcfy001.com" ]  
                    }  
                },  
                "privacyDescription" : {  
                    "NSPhotoLibraryUsageDescription" : "读取相册图片以用于用户晒单评论分享",  
                    "NSPhotoLibraryAddUsageDescription" : "保存晒单或详情图片到相册以用于分享商品",  
                    "NSCameraUsageDescription" : "拍照以用于用户晒单评论分享",  
                    "NSLocationWhenInUseUsageDescription" : "获取当前位置用于创建新的收货地址"  
                }  
            },

有想要代上架的朋友的可以加我QQ交流一下,专业代上架合作,QQ:1481983952

继续阅读 »

在配置文件里写上隐私描述就行了(为什么要用到相册功能):

            /* ios打包配置 */  
            "ios" : {  
                "capabilities" : {  
                    "entitlements" : {  
                        "com.apple.developer.associated-domains" : [ "applinks:1appapi.kcfy001.com" ]  
                    }  
                },  
                "privacyDescription" : {  
                    "NSPhotoLibraryUsageDescription" : "读取相册图片以用于用户晒单评论分享",  
                    "NSPhotoLibraryAddUsageDescription" : "保存晒单或详情图片到相册以用于分享商品",  
                    "NSCameraUsageDescription" : "拍照以用于用户晒单评论分享",  
                    "NSLocationWhenInUseUsageDescription" : "获取当前位置用于创建新的收货地址"  
                }  
            },

有想要代上架的朋友的可以加我QQ交流一下,专业代上架合作,QQ:1481983952

收起阅读 »

专业iOS代上架,代上架苹果App Store,各类App都可以做,长期有效,带需求来聊~

外包 苹果审核 上架

代上架代上架苹果App Store,iOS代上架,专业代上架,有代上架需求的请联系我,长期有效,详情加Q私聊,谢谢!

QQ:1481983952

众所周知,现在国内苹果上架审核越来越严,尤其是涉及到马甲包,金融,第三方支付等方面的App审核。

有需要上架App Store的朋友可以联系我,专业代上架App Store,各类App都可以做,有上架需求请私聊,谢谢!

QQ:1481983952

有需要的朋友可以私聊 QQ:1481983952 联系我,专业代上架App Store。

继续阅读 »

代上架代上架苹果App Store,iOS代上架,专业代上架,有代上架需求的请联系我,长期有效,详情加Q私聊,谢谢!

QQ:1481983952

众所周知,现在国内苹果上架审核越来越严,尤其是涉及到马甲包,金融,第三方支付等方面的App审核。

有需要上架App Store的朋友可以联系我,专业代上架App Store,各类App都可以做,有上架需求请私聊,谢谢!

QQ:1481983952

有需要的朋友可以私聊 QQ:1481983952 联系我,专业代上架App Store。

收起阅读 »

坐标广东揭阳(靠近梅州) 需uniapper 多名

招聘

本公司现在招聘多名中高级web前端,需要符合以下要求:

熟练掌握Vue、JS、JQuery,有实际webapp商业项目交付经验
有Uniapp相关APP项目开发和上线经验
善于写UI组件和调用原生APP接口
逻辑思维清晰严谨,具备良好的沟通能力、自我学习动力、和团队协作精神。
薪资面议。

联系QQ:810179333(请注明Uniapp求职)

继续阅读 »

本公司现在招聘多名中高级web前端,需要符合以下要求:

熟练掌握Vue、JS、JQuery,有实际webapp商业项目交付经验
有Uniapp相关APP项目开发和上线经验
善于写UI组件和调用原生APP接口
逻辑思维清晰严谨,具备良好的沟通能力、自我学习动力、和团队协作精神。
薪资面议。

联系QQ:810179333(请注明Uniapp求职)

收起阅读 »

uni.getLocation不稳定

解决方案:使用高德地图小程序sdk获取位置

解决方案:使用高德地图小程序sdk获取位置

打包到微信小程序时组件名总是出错,请问是怎么回事

提问

打包后会生成图1,需要手动修改为图2才可以正常运行。项目中的目录如图3,4

继续阅读 »

打包后会生成图1,需要手动修改为图2才可以正常运行。项目中的目录如图3,4

收起阅读 »

微信"errMsg":"requestPayment:fail errors"

支付 微信支付

总结微信支付

说起Dclud微信支付
最让人头疼
出现问题无从下手
最可气的是官方群 问的问题 从来没人搭理
原因就是下边一行错误信息
"errMsg":"requestPayment:fail errors"

这TM从错误信息 什么想要信息看不到 无法分析 错误具体出现在哪里

下面我还分析 以及怎么解决入手(大牛请绕开 专门为菜鸟解答)

为什么出现这个错误信息?

1:包名不一样
直接运行和云打包包名可能是不一样的 (前提你改过包名) 直接运行包名io.dcloud.HBuilder 当然云打包(com.xxxx.xxxx)
微信开放平台https://open.weixin.qq.com 里面要填写包名以及签名 签名是根据包名来的 (gensignature.apk)自己下载
注意:自己的微信开放平台包名一定要和自己的APP 包名一样

2.检查一下参数 orderInfo
后台返回来的orderInfo 是否满足
{"appid":"wxa92d2bcb43fa2a0a",
"noncestr":"umwpbfj1pqe87tnr",
"package":"Sign=WXPay",
"partnerid":"1584561651",
"prepayid":"wx171348138648989b812c9e771046911600",
"timestamp":1587102493,
"sign":"A3837F4BD91A3C44148DDD0D3DE12EDE"}
appid 和manifest里面appid 是否一致
(数据是从@cay 如果冒犯 请联系我)

3.自定义基座
如果1.2都满足
那就是自定义基座的问题 Dclud官方这么说的 有些三方不是自定义基座第三方SDK配置不会生效
1.自定义基座怎么调
运行=>运行到手机或者模拟器=>制定自定义调试基座=>调到云打包界面=>选择打自定义基座包(等2-3分钟)=>运行=>运行到手机或者模拟器=>运行基座选择=>选择自定义基座=>云打包=ok

注意:一定确保微信开放平台审核通过了

如果哪里写的不足 请在下方留言 我会及时修改 不能误人子弟

写这篇目的就是让大家少走弯路 关于Dlcud微信支付 网络上的教程比较少 不全

如果还是有不明白的 随时沟通 共同进步

下面是我的邮箱

(如果有机会写写关于苹果端微信支付)

建议修改完之后 重启IDE (HBulider问题还是有点多) 可能第一次拉取会失败 第二次成功

HBuilder 版本 2.8.8.20200820

                                                                                                                                                                             97272442@qq.com  
继续阅读 »

总结微信支付

说起Dclud微信支付
最让人头疼
出现问题无从下手
最可气的是官方群 问的问题 从来没人搭理
原因就是下边一行错误信息
"errMsg":"requestPayment:fail errors"

这TM从错误信息 什么想要信息看不到 无法分析 错误具体出现在哪里

下面我还分析 以及怎么解决入手(大牛请绕开 专门为菜鸟解答)

为什么出现这个错误信息?

1:包名不一样
直接运行和云打包包名可能是不一样的 (前提你改过包名) 直接运行包名io.dcloud.HBuilder 当然云打包(com.xxxx.xxxx)
微信开放平台https://open.weixin.qq.com 里面要填写包名以及签名 签名是根据包名来的 (gensignature.apk)自己下载
注意:自己的微信开放平台包名一定要和自己的APP 包名一样

2.检查一下参数 orderInfo
后台返回来的orderInfo 是否满足
{"appid":"wxa92d2bcb43fa2a0a",
"noncestr":"umwpbfj1pqe87tnr",
"package":"Sign=WXPay",
"partnerid":"1584561651",
"prepayid":"wx171348138648989b812c9e771046911600",
"timestamp":1587102493,
"sign":"A3837F4BD91A3C44148DDD0D3DE12EDE"}
appid 和manifest里面appid 是否一致
(数据是从@cay 如果冒犯 请联系我)

3.自定义基座
如果1.2都满足
那就是自定义基座的问题 Dclud官方这么说的 有些三方不是自定义基座第三方SDK配置不会生效
1.自定义基座怎么调
运行=>运行到手机或者模拟器=>制定自定义调试基座=>调到云打包界面=>选择打自定义基座包(等2-3分钟)=>运行=>运行到手机或者模拟器=>运行基座选择=>选择自定义基座=>云打包=ok

注意:一定确保微信开放平台审核通过了

如果哪里写的不足 请在下方留言 我会及时修改 不能误人子弟

写这篇目的就是让大家少走弯路 关于Dlcud微信支付 网络上的教程比较少 不全

如果还是有不明白的 随时沟通 共同进步

下面是我的邮箱

(如果有机会写写关于苹果端微信支付)

建议修改完之后 重启IDE (HBulider问题还是有点多) 可能第一次拉取会失败 第二次成功

HBuilder 版本 2.8.8.20200820

                                                                                                                                                                             97272442@qq.com  
收起阅读 »