微信小程序
文章平均质量分 75
奔跑的露西
滴水穿石
展开
-
微信小程序 canvas层级过高覆盖原生组件
微信小程序中使用signature第三方插件完成签名效果,但真机调试时发现canvas层级过高遮挡了按钮原创 2024-03-19 14:31:12 · 813 阅读 · 2 评论 -
解决:HBuilderX运行到手机提示没有检测到设备
解决:HBuilderX运行到手机提示没有检测到设备原创 2023-02-27 22:49:30 · 8853 阅读 · 3 评论 -
解决:开发小程序时进行真机调试,报错“errno“:600001,“errMsg“:“request:fail -118:net::ERR_CONNECTION_TIMED_OUT“
一、背景使用uniapp在开发小程序时,点击真机调试想看下手机上的效果,但是报这个错误:报错图片截图👇👇二、明确问题百度搜索了下发现这个错误提示主要是:可能是由于网络连接超时、DNS 解析失败或者服务端无响应等问题导致的三、分析问题所以问题主要集中在2点:一个是网络问题,另一个是手机连接服务端接口无响应我是用Postman测试接口显示接口是正常,那就排除了接口异常问题②那就说明问题主要集中在网络上了四、定位问题。原创 2023-06-03 22:50:47 · 4551 阅读 · 0 评论 -
【小程序】小程序发布流程
主要是为了与微信开发者平台上的小程序进行关联和授权,以确保小程序能够正常运行。原创 2023-06-06 00:10:59 · 1899 阅读 · 0 评论 -
uniapp 小程序 使用vue3+ts运行项目
下载完模板后进行解压,利用vscode打开文件,会发现报这样的错误👇主要原因是没有下载依赖。注意:若不能直接使用命令下载,可去gitee下载模板使用。其中dist里面的dev文件就是小程序打包生成的文件👇。解决以上错误:使用npm i 下载全部依赖即可。第一种:通过HBuilderX可视化界面创建。第二种:通过vue-cli命令行。此时终端会提示操作步骤👇。原创 2023-07-18 14:12:17 · 3806 阅读 · 0 评论 -
uniapp使用 uview-plus 和 Pinia(vue3项目)
uniapp使用 uview-plus 和 Pinia(vue3项目)原创 2023-07-23 17:08:05 · 5166 阅读 · 0 评论 -
uniapp使用 uview-plus 底部导航栏(vue3项目)
uniapp使用 uview-plus 底部导航栏(vue3项目)原创 2023-07-25 10:39:54 · 4085 阅读 · 9 评论 -
uniapp 微信小程序扫描 uni.scanCode
在微信开发者工具中,无法扫码。需要真机验证(或者在电脑上存放生成的二维码照片,点击扫描查看打印结果)其中,result就是扫码的内容,也就是前面生成的二维码地址。原创 2023-08-24 17:50:03 · 1402 阅读 · 0 评论 -
uniapp 微信小程序 获取用户头像和昵称
由于微信官方被收回,通过 wx.getUserInfo 接口获取用户头像将统一返回默认,昵称将统一返回 “微信用户”。如需获取用户头像昵称,可以使用「原创 2023-09-03 17:07:31 · 10296 阅读 · 13 评论 -
uniapp 网络请求封装(uni.request 与 uView-Plus)
在开发项目中,需要经常与后端服务器进行交互;为了提高开发效率和代码维护性,以及降低重复性代码,便对网络请求进行封装统一管理。原创 2023-09-06 12:35:10 · 6174 阅读 · 2 评论 -
uniapp 实现不同用户展示不同的tabbar(底部导航栏)
最近在做一个uniapp开发的小程序遇到一个需求,希望不同用户登录后展示不同的tabbar页面,但是uniapp项目中的pages.json是只有一个list数组的,并且是不能写成动态效果,为了实现这个需求,便自定义了tabbar组件。原创 2023-09-19 20:19:58 · 9046 阅读 · 30 评论 -
解决:微信小程序预览时代码包太大
一、背景开发微信小程序时在进行手机预览时,报错:代码包大小超过限制二、问题根据错误提示,子包的源代码大小为2094KB,超过了2MB的最大限制。三、解决在本地设置中将体积上线调整为4M。原创 2023-09-20 14:20:31 · 3323 阅读 · 0 评论 -
解决:小程序收货地址报错chooseAddress:fail the api need to be declared in …e requiredPrivateInfos field
最近做的项目需要获取微信小程序收货地址,使用的uniapp中的uni.chooseAddress(OBJECT),点击收货地址时返回错误👇报错提示:errMsg: "chooseAddress:fail the api need to be declared in …e requiredPrivateInfos field in app.json/ext.json"👇根据微信小程序公告提示,自 2022 年 7 月 14 日起,开发者在使用地理位置相关接口时,需要提前在 app.json 中进行配置。规原创 2023-10-05 11:55:41 · 733 阅读 · 0 评论 -
uniapp uCharts的使用方法(含bug总结)
获取方式一:通过码云 uCharts 项目开源地址获取 u-charts.js。备注:我使用的是第二种方式,npm下载后,再通过import使用的。进入官网查看指南,有两种方式进行使用:分别是原生方式与组件方式。安装成功后使用 import 或 require 进行引用。第二步:引入u-charts.js文件在项目中使用。第一步:使用 HBuilderX 导入插件。第二步:在需要使用图表的地方引入组件。第一步:获取u-charts.js。获取方式二:通过 npm 命令。原创 2023-11-04 15:56:27 · 3188 阅读 · 0 评论 -
uniapp 微信小程序分享功能 onShareAppMessage(options)
uniapp 微信小程序分享功能 onShareAppMessage(options)原创 2023-11-16 12:05:01 · 6270 阅读 · 0 评论 -
uniapp 微信小程序使用we-cropper实现图片裁剪
在开发微信小程序时,经常需要实现用户上传图像并进行裁剪操作的功能。为了实现这一需求,使用了uniapp作为开发框架,并结合了we-cropper这一图像裁剪插件来实现图片裁剪的功能。原创 2023-12-25 22:17:10 · 1364 阅读 · 0 评论 -
uniapp 微信小程序跳转外部链接
开发小程序时,跳转到内部路径通常会使用:uni.navigateTo,uni.redirectTo,uni.reLaunch,uni.switchTab等方法,可以跳转到pages.json中已经注册的页面跳转到外部链接,便不能再使用以上方法,需要利用web-view来实现需求。原创 2024-01-07 18:53:40 · 2802 阅读 · 0 评论 -
uniapp 微信小程序跳转至其他小程序
需要在目前的小程序中跳转到另一个小程序,跳转的目标小程序需要已经发布上线了。使用uni.navigateToMiniProgram打开另一个小程序。原创 2024-01-07 18:55:51 · 1416 阅读 · 0 评论 -
微信小程序 实现进度条效果
微信小程序中的原生进度条组件(Progress)只能显示一种进度状态,但有时我们需要展示多种状态,比如预算已使用与本次申请的进度。为了实现这一功能,我采用了 canvas 来绘制多种状态的进度条。记录下小程序原生组件 Progress 的单状态使用,以及通过 canvas 实现多状态进度条的方法。原创 2024-01-24 13:28:03 · 1736 阅读 · 0 评论 -
微信小程序 实现登录流程
一、背景开发小程序时,用户登录是很重要的一个环节,记录下微信小程序登录流程二、登录流程2.1、微信官方文档登录流程图。原创 2024-01-27 17:36:44 · 2191 阅读 · 0 评论 -
微信小程序 实现支付流程
1、获取OpenID:通过wx.login()获得code,将code传给接口获得OpenID调用预支付接口,将OpenID与接口需要携带的其他参数,得到预支付核心数据;数据包含:【时间戳--timeStamp,随机字符串--nonceStr,预支付id--package,签名算法--signType,签名--paySign】调用wx.requestPayment(),传递上一步获取的5个预支付核心数据,得到支付结果最后,👏👏 😀😀😀 👍👍。原创 2024-01-30 18:42:27 · 2163 阅读 · 0 评论 -
微信小程序 安卓/IOS兼容问题
问题:在安卓中时间格式2024-1-31 10:10:10,但是在iOS中是不支持 "-" 作为日期分隔符原因:IOS系统及 Safari 不支持YYYY-DD-MM时间格式解决:将日期中的"-",替换为"/"原创 2024-02-01 10:47:55 · 2984 阅读 · 6 评论