HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

UniApp资深程序猿,八年全栈经验全职开发,主打uniCloud+uniapp全栈开发,可独立完成各类APP,小程序,H5的开发,效率高,成本低,全欢迎老板来咨询,微信同QQ:170842262

我的优势
1、精通uniCloud uniapp等技术栈,熟练使用 前后端分离开发 、拥有丰富的项目开发经验。
2、能够独立完成从项目的 分析 、设计 、 开发 、测试 、部署 到 维护与优化 的全过程,能 快速的对需求进行梳理并制定开发计划。
3、注重代码可维护性、可扩展性、性能优化等方面的工作。
4、汇聚多行业100 成熟项目案例 可供复用,效率倍增,快人一步。
如果您正在寻找一位高效、专业的开发者来完成您的项目,我非常愿意为您提供优质的服务,共同推动项目顺利进行。
如果您对我的技能与工作经验感兴趣,请通过微信联系我,我们可以进一步探讨您的具体项目需求,并且开展合作。
微信同QQ:170842262

继续阅读 »

我的优势
1、精通uniCloud uniapp等技术栈,熟练使用 前后端分离开发 、拥有丰富的项目开发经验。
2、能够独立完成从项目的 分析 、设计 、 开发 、测试 、部署 到 维护与优化 的全过程,能 快速的对需求进行梳理并制定开发计划。
3、注重代码可维护性、可扩展性、性能优化等方面的工作。
4、汇聚多行业100 成熟项目案例 可供复用,效率倍增,快人一步。
如果您正在寻找一位高效、专业的开发者来完成您的项目,我非常愿意为您提供优质的服务,共同推动项目顺利进行。
如果您对我的技能与工作经验感兴趣,请通过微信联系我,我们可以进一步探讨您的具体项目需求,并且开展合作。
微信同QQ:170842262

收起阅读 »

uniapp扩展组件uni-file-picker有安全漏洞,用云效部署后,会泄漏源代码

安全漏洞

我是h5项目,用uni-file-picker进行文件选择上传,然后用云效部署,发现在这个页面的js文件里,有我自己的云效账号密码token等,继而能找到阿里云仓库源代码,太神奇了。

我写的代码如下,刚开始不知道是哪里泄漏的,反复验证后,发现是这段代码,哪怕只留下limit,也会泄漏:

uni-file-picker v-if="userinfo.id" class="file-picker" ref="filePickerRef" v-model="state.uploadFile"  
            limit="1" file-mediatype="all" :auto-upload="false" title="" :sourceType="['album']" @select="fileSelect" ></uni-file-picker>

部分泄漏内容如下:
Re({
npm_command: "run-script",
privileged: "false",
KUBERNETES_SERVICE_PORT_HTTPS:
STEP_DOCUMENT_JSON:
TASK_DIR:
npm_config_userconfig:
runnerCacheMode:
KUBERNETES_SERVICE_PORT:
npm_config_cache:
operator:
invalidStepVersion:
NVM_INC:
NVM_IOJS_ORG_MIRROR:
NODEGROUP_TYPE:
npm_config_electron_mirror:
HOSTNAME:
npm_config_always_auth: LANGUAGE:

继续阅读 »

我是h5项目,用uni-file-picker进行文件选择上传,然后用云效部署,发现在这个页面的js文件里,有我自己的云效账号密码token等,继而能找到阿里云仓库源代码,太神奇了。

我写的代码如下,刚开始不知道是哪里泄漏的,反复验证后,发现是这段代码,哪怕只留下limit,也会泄漏:

uni-file-picker v-if="userinfo.id" class="file-picker" ref="filePickerRef" v-model="state.uploadFile"  
            limit="1" file-mediatype="all" :auto-upload="false" title="" :sourceType="['album']" @select="fileSelect" ></uni-file-picker>

部分泄漏内容如下:
Re({
npm_command: "run-script",
privileged: "false",
KUBERNETES_SERVICE_PORT_HTTPS:
STEP_DOCUMENT_JSON:
TASK_DIR:
npm_config_userconfig:
runnerCacheMode:
KUBERNETES_SERVICE_PORT:
npm_config_cache:
operator:
invalidStepVersion:
NVM_INC:
NVM_IOJS_ORG_MIRROR:
NODEGROUP_TYPE:
npm_config_electron_mirror:
HOSTNAME:
npm_config_always_auth: LANGUAGE:

收起阅读 »

避坑:ios自定义启动图官方提供的storyboard 模板

iOS 启动图片

在storyboard 文件中包含了这么一段代码,我正常开发只是替换了外面的图片。快要上线了才发现启动图底部还有一行小字”hello uniapp“

                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="hello uniapp" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="QBH-Ne-rcx">  
                                <rect key="frame" x="168" y="835" width="78.333333333333314" height="17"/>  
                                <fontDescription key="fontDescription" type="system" pointSize="14"/>  
                                <color key="textColor" white="0.66666666666666663" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>  
                                <nil key="highlightedColor"/>  
                            </label>
继续阅读 »

在storyboard 文件中包含了这么一段代码,我正常开发只是替换了外面的图片。快要上线了才发现启动图底部还有一行小字”hello uniapp“

                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="hello uniapp" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="QBH-Ne-rcx">  
                                <rect key="frame" x="168" y="835" width="78.333333333333314" height="17"/>  
                                <fontDescription key="fontDescription" type="system" pointSize="14"/>  
                                <color key="textColor" white="0.66666666666666663" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>  
                                <nil key="highlightedColor"/>  
                            </label>
收起阅读 »

IOS 高版本跳转不到设置,应该怎么弄?

使用plus.runtime.openURL("app-settings:")

使用plus.runtime.openURL("app-settings:")

付费定制一个视频播放器插件

插件需求

要支持安卓、ios、网页,支持直播模式和回放模式,直播模式下可以支持切换线路,直播模式没有进度条,样式有些变化,回放模式下支持倍速播放,能做的联系我,付费

要支持安卓、ios、网页,支持直播模式和回放模式,直播模式下可以支持切换线路,直播模式没有进度条,样式有些变化,回放模式下支持倍速播放,能做的联系我,付费

【免费解答一切uniapp问题】

Debug

互相促进吧,我解决你的问题,正好补全我的知识点的死角。

互相促进吧,我解决你的问题,正好补全我的知识点的死角。

使用nativejs监听USB设备插拔

Native.JS

1.配置权限

<uses-feature android:name="android.hardware.usb.host"/>  
<uses-permission android:name="android.permission.USB_PERMISSION"/>

2.注册广播

const main = plus.android.runtimeMainActivity()  
const IntentFilter = plus.android.importClass('android.content.IntentFilter')  

/ 创建广播过滤器  
const filter = new IntentFilter()  
// filter.addAction(action)  
filter.addAction('android.hardware.usb.action.USB_DEVICE_ATTACHED')  
filter.addAction('android.hardware.usb.action.USB_DEVICE_DETACHED')  

const receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {  
    onReceive: function(context, intent) {  
        // console.log("USB广播触发了!!!")  
        // console.log("完整intent:", intent.toString())  
        const actionType = intent.toString().match(/act=([^\s]+)/)[1]  
        console.log(actionType)  
        if (actionType === 'android.hardware.usb.action.USB_DEVICE_ATTACHED') {  

        } else if (actionType === 'android.hardware.usb.action.USB_DEVICE_DETACHED') {  

        }  

    }  
})  

// 注册广播  
main.registerReceiver(receiver, filter)
继续阅读 »

1.配置权限

<uses-feature android:name="android.hardware.usb.host"/>  
<uses-permission android:name="android.permission.USB_PERMISSION"/>

2.注册广播

const main = plus.android.runtimeMainActivity()  
const IntentFilter = plus.android.importClass('android.content.IntentFilter')  

/ 创建广播过滤器  
const filter = new IntentFilter()  
// filter.addAction(action)  
filter.addAction('android.hardware.usb.action.USB_DEVICE_ATTACHED')  
filter.addAction('android.hardware.usb.action.USB_DEVICE_DETACHED')  

const receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {  
    onReceive: function(context, intent) {  
        // console.log("USB广播触发了!!!")  
        // console.log("完整intent:", intent.toString())  
        const actionType = intent.toString().match(/act=([^\s]+)/)[1]  
        console.log(actionType)  
        if (actionType === 'android.hardware.usb.action.USB_DEVICE_ATTACHED') {  

        } else if (actionType === 'android.hardware.usb.action.USB_DEVICE_DETACHED') {  

        }  

    }  
})  

// 注册广播  
main.registerReceiver(receiver, filter)
收起阅读 »

关于微信小程序自定义TabBar在uniapp中的使用

微信小程序 uniapp

在根项目(和main.js、pages.json等文件同级的地方)中创建微信小程序原生的 custom-tab-bar 文件,
可以微信小程序参考官方
https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html
这里要注意的是
this.getTabBar().setData({
selected: 0
})
这种写法是在微信小程序原生中用的(微信小程序原生的.js中使用),
在uniapp中,应该如下使用,否者每次跳转tab页,都是第一个被选中
// 更新自定义 TabBar 选中状态(.vue中使用)
if (typeof this.$mp.page.getTabBar === 'function') {
const tabBar = this.$mp.page.getTabBar();
if (tabBar) {
tabBar.setData({
selected: 0
});
}
}

继续阅读 »

在根项目(和main.js、pages.json等文件同级的地方)中创建微信小程序原生的 custom-tab-bar 文件,
可以微信小程序参考官方
https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html
这里要注意的是
this.getTabBar().setData({
selected: 0
})
这种写法是在微信小程序原生中用的(微信小程序原生的.js中使用),
在uniapp中,应该如下使用,否者每次跳转tab页,都是第一个被选中
// 更新自定义 TabBar 选中状态(.vue中使用)
if (typeof this.$mp.page.getTabBar === 'function') {
const tabBar = this.$mp.page.getTabBar();
if (tabBar) {
tabBar.setData({
selected: 0
});
}
}

收起阅读 »

跨境电商结算金额出现 0.0000000003?教你一招完美解决!

在做第一代跨境电商项目时,发现 270.6 + 49.99 居然不等于 320.59?这种浮点数精度 Bug 在结算时简直是灾难。
计算机无法精确表示某些十进制小数,导致累加后出现微小偏差。
轻量、无依赖、适配 Vue 3 和 Uni-app 移动端。

“为了方便大家快速复用,我已经把这套经过实战检验的逻辑封装成了 uni_modules 插件。

插件地址:https://ext.dcloud.net.cn/plugin?id=27469

欢迎大家下载支持,后续会持续更新更多跨境电商实战组件。”

继续阅读 »

在做第一代跨境电商项目时,发现 270.6 + 49.99 居然不等于 320.59?这种浮点数精度 Bug 在结算时简直是灾难。
计算机无法精确表示某些十进制小数,导致累加后出现微小偏差。
轻量、无依赖、适配 Vue 3 和 Uni-app 移动端。

“为了方便大家快速复用,我已经把这套经过实战检验的逻辑封装成了 uni_modules 插件。

插件地址:https://ext.dcloud.net.cn/plugin?id=27469

欢迎大家下载支持,后续会持续更新更多跨境电商实战组件。”

收起阅读 »

【关于】uniCloud阿里云服务空间云函数计费规则调整,节约资源费用经验分享。

unicloud入门教程 uniCloud

我也是等到费用不够提醒的时候,才注意到的。那个时候已经过去很多天了。附图

我小程序日活300左右吧,所以正常也没怎么去管理,让它自己跑。
我分了很多云对象。各司其职。新规出来后,我把定时任务在同一时间段的合并成一个。
全部云对象合并成一个。新的云对象有4000行代码。

在这里应该有人担心合并成一个后的性能问题。有区别,但是类似我这样的 区别应该不大。
启动阶段分为 冷启动 跟 热启动。(官方文档:阿里云:15分钟内没有第二次访问的云函数,就会被回收)
代码大了冷启动需要耗时比较久。
都是热启动状态下区别很小,忽略不计。

总结,冷启动比较久一点。热启动状态下无区别。
(PS:在改规前,我还想写定时任务,让函数一直处于热启动,这样前端请求返回就会跳过函数冷启动的阶段更快。)

所以这里的建议是合并成一个云对象,这一步适用很多中小项目。
因为我使用的是uni-id 所以我理论上最低消耗应该是 0.24x2+定时任务 也就是五毛到六毛。比之前高了10倍,但是可以接受。
使用于不是迁移到支付云的大家。

有不懂了,留言。我看见会帮忙。

继续阅读 »

我也是等到费用不够提醒的时候,才注意到的。那个时候已经过去很多天了。附图

我小程序日活300左右吧,所以正常也没怎么去管理,让它自己跑。
我分了很多云对象。各司其职。新规出来后,我把定时任务在同一时间段的合并成一个。
全部云对象合并成一个。新的云对象有4000行代码。

在这里应该有人担心合并成一个后的性能问题。有区别,但是类似我这样的 区别应该不大。
启动阶段分为 冷启动 跟 热启动。(官方文档:阿里云:15分钟内没有第二次访问的云函数,就会被回收)
代码大了冷启动需要耗时比较久。
都是热启动状态下区别很小,忽略不计。

总结,冷启动比较久一点。热启动状态下无区别。
(PS:在改规前,我还想写定时任务,让函数一直处于热启动,这样前端请求返回就会跳过函数冷启动的阶段更快。)

所以这里的建议是合并成一个云对象,这一步适用很多中小项目。
因为我使用的是uni-id 所以我理论上最低消耗应该是 0.24x2+定时任务 也就是五毛到六毛。比之前高了10倍,但是可以接受。
使用于不是迁移到支付云的大家。

有不懂了,留言。我看见会帮忙。

收起阅读 »

Google Play 正式发版后,Appkey未配置问题【离线打包】

离线打包 GooglePlay appkey

我遇到的情况和过程:
1、走的是离线打包;
2、内测正常;
3、正式版发布后,安装提示appkey未配置或不正确;
4、社区我搜索出来似乎都没有明确说明这个如何解决;
5、目前已经正式发新版上架,下载测试成功已经解决。

造成的原因
我分析的之间原因是:
按uni-app官方的流程走appkey申请的各位包括我之前,很有可能填写的sha1和sha256是个签keystore的,Google Play二签发版后,下载下来自然就不匹配。
表象:内测发版正常(因为google发内测没有执行二签)

正确的处理
就是把Google Play提供的应用凭证去uni-app重新申请appkey,并更新重新发版:


注意
我測試的结果:
1、用Google Play的凭证申请的Appkey只有正式发布(公测我未试)是正常的,其他都会提示未配置;
2、用自签的凭证申请的Appkey在本地、apk和发内测都是正常的,正式发布会提示未配置;
3、无论用哪个Appkey,离线打包的证书都未变,都是用自签的证书。

——MD5我沒測到底要不要,我看提供了就順便,確實也沒發現問題;

——我確實就是這樣解決的,如果還是不行,我就確實不知道了:)

继续阅读 »

我遇到的情况和过程:
1、走的是离线打包;
2、内测正常;
3、正式版发布后,安装提示appkey未配置或不正确;
4、社区我搜索出来似乎都没有明确说明这个如何解决;
5、目前已经正式发新版上架,下载测试成功已经解决。

造成的原因
我分析的之间原因是:
按uni-app官方的流程走appkey申请的各位包括我之前,很有可能填写的sha1和sha256是个签keystore的,Google Play二签发版后,下载下来自然就不匹配。
表象:内测发版正常(因为google发内测没有执行二签)

正确的处理
就是把Google Play提供的应用凭证去uni-app重新申请appkey,并更新重新发版:


注意
我測試的结果:
1、用Google Play的凭证申请的Appkey只有正式发布(公测我未试)是正常的,其他都会提示未配置;
2、用自签的凭证申请的Appkey在本地、apk和发内测都是正常的,正式发布会提示未配置;
3、无论用哪个Appkey,离线打包的证书都未变,都是用自签的证书。

——MD5我沒測到底要不要,我看提供了就順便,確實也沒發現問題;

——我確實就是這樣解決的,如果還是不行,我就確實不知道了:)

收起阅读 »