草庐IT

关于uniapp中微信小程序获取最新昵称和头像的方法

哎,最近项目中遇到一个需求就是直接获取微信头像和昵称,可是去官方查阅后发现原先的接口已经不能获取了,返回的是灰色头像和微信用户,后来只能采用亡羊补牢的方法,就是用内置按钮组件的开放能力,引用了插件市场的代码,地址链接获取昵称、头像的弹窗,适用最新微信小程序-DCloud插件市场x项目效果如下图 好的废话不多说上代码这是一键登录授权页面 -->用户一键登陆为了您更好的体验,申请获取以下权限获得你的公开信息(昵称,头像、地区等)点击授权获取头像昵称-->//import{mapState,mapMutations}from'vuex';exportdefault{data(){retu

uniapp转编译小程序时一直显示正在编译。。。

前言uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。uniapp编译方式命令行编译(详情见uni官网)npmrundev:%PLATFORM%npmrunbuild:%PLATFORM%uni内置编译uni编译显示一直在编译中。。。命令编译也是如此。。。查看运行日志显示“–max-old-space-size=2048”(小程序限制2G的运行内存限制),后到微信开发者工具设置为8G后重启uni项目仍无效果。我在想着一个小项

启动uniapp小程序报错:Error:app.json:在项目根目录中未找到app.json

如图所示:将代码从仓库中拉下来在开发者工具中直接启动后报错产生原因:uniapp小程序不能直接被微信开发者工具解析编译,需要先生成unpackage文件夹再进行编译。解决方案共有两种(任选其一即可):方案一:前提是项目代码中已经含有unpackage这个文件夹且mp-weixin文件夹不为空这个时候就直接更换根目录文件为mp-weixin再次重新打开微信开发者工具即可,注意编译运行的是mp-weixin。如图需注意:如若想更改代码需要在最外层项目代码中进行更改,不要直接在mp-weixin更改,因为这个unpackage文件夹里面的所有内容是由原始文件编译后生成的。方案二:使用其他编辑器打开项

UniApp 封装全局请求示例并配置拦截器以及错误回调指南

✨求关注~😀博客:www.protaos.com本文将介绍如何在UniApp中封装全局请求示例,并配置请求拦截器和错误回调函数,以>便统一处理网络请求、添加请求头、处理错误等功能。通过本指南,你将学习如何优化请>求流程并提高代码的可维护性。代码实现:首先,确保你已经创建了一个UniApp项目。在项目的根目录下创建一个新文件夹api,然后在该文件夹中创建request.js文件,作为请求封装的入口文件。在request.js文件中,编写请求封装的代码:import{BASE_URL}from'./config';//导入请求的基础URL//封装请求方法functionrequest(url,me

uniapp 微信小程序 封装axios 包含请求拦截、响应拦截、无感刷新令牌功能

前言:1、为什么不适用uniapp自带的请求功能?答:uniapp自带的请求功能,再刷新了令牌后,重新请求返回的数据无法返回给发起请求的方法。也就是说,刷新令牌后重新发起的请求和第一次发起请求的方法是割裂的。2、封装文件中,我设置了无感刷新令牌功能。我后台的判断逻辑是,当前端请求的令牌过期时间和当前时间比小于10分钟时,刷新令牌。一、安装axios1.1、使用HBuilder打开uniapp项目,点击视图->显示终端,打开npm操作页面。1.2、如果项目中还没有“package.json”文件,请先初始化项目。npminit-y1.3、安装axios,建议锁定低版本(使用uniapp-vue3

基于SpringBoot+Vue+uniapp微信小程序实验室预约管理平台详细设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人目录一、前言介绍:二、功能设计:三、功能实现:四、库表设计:五、关键代码:六、

记录使用vue-test-utils + jest 在uniapp中进行单元测试

目录前情安装依赖package.json配置jest配置测试文件目录编写setup.js编写第一个测试文件jest.fn()和jest.spyOn()jest解析scss失败测试vuex$refs定时器测试函数调用n次手动调用生命周期处理其他模块导入的函数测试插槽前情uniapp推荐了测试方案@dcloudio/uni-automator,属于自动化测试,api提供的示例偏重于渲染组件,判断当前渲染的组件是否和预期一致vue推荐的测试方案vuetestutils,属于单元测试,可以搭配jest、mocha等单测运行器我选了方案2🕶️关于vue的组件测试,vue官方提到:你的Vue应用中大部分内

Webstorm 舒适高效配置,打造提高生产率环境 (html, vue, uniapp)

目录1.主题护眼配置2.字体 JetBrainsMono3.webStrom 好用插件-大大提高生产效率插件3.1图标插件3.2Git提交记录3.3彩色括号3.4高亮括号3.5右侧代码小地图3.6正则插件3.7 activate-power-mode-x3.8 TabnineAICodeCompletion3.9 ESLint代码检查插件3.10BrowseWordAtCaret高亮选中所有相同词汇3.11IntelliVue:Vue功能增强4.超级快捷键快捷输入html代码段5.WebStorm 联想卡顿或过慢方案原因分析一、解决方案如下:二、提高webstorm内存占用上限清除无用的缓存关

uniapp:tabBar点击后设置动画效果

APP端不支持dom操作,也不支持active伪类,绞尽脑汁也没办法给uniapp原生的tabBar点击加动画效果,所以最终只能舍弃原生tabBar,改用自定义tabBar。自定义tabBar的原理是,页面的上部分分别是tabBar对应的页面组件,下部分是固定在底部的tabBar,通过点击tabBar获取到当前索引,然后通过v-if来判断显示哪个页面组件,跟原生tabBar不同的是,这里仅用一个page,所以在pages.json里只需要注册index页面即可,在router里也只需要设置index即可,同时也要注意,其他页面组件并不是一个页面,所以没有onShow,onLoad等方法,可以通