
uniapp
文章平均质量分 71
Cxiaomu
一枚小小的前端开发
展开
-
uniapp 微信小程序获取当前环境(开发、体验版、正式)
在实际开发过程中,会需要根据当前的版本切换到对应的环境(测试、正式),如果每次开发者手动改路径,出错率比较高,于是就需要自动适配。(但是微信审核的时候,可能会因为不是正式版本的数据而驳回)。自定义环境配置 package.json、uni.getAccountInfoSync()、wx.getAccountInfoSync()、__wxConfig.envVersion。第一种方式,配置好后,即可自动切换数据。剩下的三种都是根据获取的环境进行判断 导出,其他地方进行使用即可。原创 2025-01-21 10:42:41 · 1153 阅读 · 0 评论 -
Uniapp 微信小程序检测新版本并更新
在开发微信小程序过程中,会经常发布新的版本,与此同时,需要正在使用的用户进行更新才可以正常使用。于是,需要及时检测是否有新版本、应用更新版本。主要会使用到uni.canIUse(‘getUpdateManager’) 、uni.getUpdateManager() 、updateManager的onCheckForUpdate()、onUpdateReady() 、applyUpdate() 、onUpdateFailed()。原创 2024-12-22 13:56:55 · 1220 阅读 · 0 评论 -
Uniapp 微信小程序获取微信昵称、头像
因实际需求,需要本小程序支持用户修改默认的头像、用户名,其中还需支持获取微信账号的头像、昵称。原本可直接获取昵称、头像的 wx.getUserInfo与 open-type=“getUserInfo” 获取用户个人信息(头像、昵称、性别与地区),权限已经被微信收回。具体可查看微信官方文档,但是微信单独提供了接口来支持替换此功能为了页面显示效果和功能实现,需要使用 button包裹住头像,button 配置 相关属性,chooseavatar 内接收、处理图片路径。原创 2024-12-08 14:36:01 · 3380 阅读 · 0 评论 -
Uniapp 微信小程序分享 - 自定义绘制分享图片
因实际需求,需要实现微信小程序自定义分享,根据当前数据动态生成(绘制)分享卡片的图片。为了实现绘制分享卡片,核心需要使用。先来看一下效果:注意:绘制图片必须需要专门使用获取图片的path后,再使用绘制,否则直接用图片路径绘制不成功,会成默认的分享图。原创 2024-12-04 21:39:01 · 1344 阅读 · 1 评论 -
Uniapp 微信小程序分享 - 自定义卡片内容 + 参数携带 接收
因实际需求,需要实现微信小程序自定义分享(自定义分享卡片标题、图片、小程序路径、参数等)。为了实现自定义分享,需要关于内入参、出参,可查看官方文档。。下面分享配置分两种情况:普通情况(纯手写分享配置)、使用了uview-plus mixin mpShare情况。因本小程序使用了uview-plus组件,其内部封装了 share对象,外部 onShareAppMessage 内返回的配置对象不会生效,需要设置uview-plus内的share对象。原创 2024-12-04 19:23:05 · 699 阅读 · 0 评论 -
Uniapp 微信小程序内打开web网页
实际业务中有时候会需要在本微信小程序内打开web页面,这时候可以封装一个路由页面专门用于此场景。在路由跳转的时候携带路由参数,拼接上web url,接收页面进行参数接收即可。原创 2024-12-01 14:05:02 · 1060 阅读 · 0 评论 -
Uniapp 使用自定义字体
uniapp 使用自定义字体。为了更好的还原UI图片效果,往往需要使用特殊字体,引入字体包。因实际业务运行平台在微信小程序上,对发布包的项目文件大小有限制,项目中某些比较大的静态资源需要放在服务器上来远程加载,比如图片、字体包。原创 2024-12-01 13:43:36 · 775 阅读 · 0 评论 -
Uniapp 微信小程序跳转第三方小程序(全屏、半屏)
因实际需求,需要实现从本小程序跳转至第三方小程序,根据业务场景会有全屏、半屏的跳转,此处记录如何实现。因为uniapp此类方法都是基于原生微信方法实现的,可直接根据微信官方文档查阅使用即可。原创 2024-12-01 12:50:41 · 1608 阅读 · 0 评论