Unipp开发中遇到的坑

最新推荐文章于 2024-06-13 18:31:59 发布

tyd、

最新推荐文章于 2024-06-13 18:31:59 发布

阅读量363

点赞数

分类专栏：前端文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/TYD0313/article/details/127624051

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

前言：相信大家没用过也听过Uniapp吧，他是一款基于VUE以及微信小程序的一套语法，最终可以打包成多端代码。所以也是很火的一个框架，那么我们在用uniapp中，肯定会遇到问题或者说没见过的需求，那么今天我就说一下我开发APP中遇到的坑。

不知道大家有没有遇到微信授权登录这个功能，由于我之前没做过嘛，遇到这个需求也是没有一点头绪，于是我就开始去百度。上面有一堆的方法和代码，于是我看到了一个。

uni.getUserProfile 获取用户信息

看到这个字眼，我以为解药来了，好家伙我框框就是c v 大法，唉，已打印，确实是用户信息都出来了

但是当我要传给后端的时候，怎么传发现都是空的。

然后我就纳闷了，我就去官网一搜，结果呢

不支持APP以及H5，当时我10年的脑血痊都复发了。

所以在这提示大家，在去百度的时候，大家一定要先去官网查看一下这个api是否支持小程序等，不要看到一个字眼盲目的用到自己项目上

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

tyd、

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

uniapp新手必须的知道的坑

zsq199771的博客

06-10

1万+

有学过微信小程序开发和vue的，uniapp开发成本低，但是还是不能忽视了注意事项，别给自己带来麻烦，以下是我从官网上抽取的，希望接下来的开发能够顺利进行，文字有点多，但细看益处多多，go~~~ 开发工具下载标准版，在运行或发行uni-app时，会提示安装uni-app插件下载App开发版，可开箱即用如使用cli方式创建项目，可直接下载标准版，因为uni-app编译插件被安装到项目下了。可以通过 vue-cli 创建 uni-app 项目。接口能力（JS API）靠近微信小程序规范，但需将前缀 wx

UNIapp 开发H5踩坑记录

masju的博客

04-02

1265

设置页面全屏背景图因为在VUE我们没有body这个标签（层级）。但是提供了page这个在外层的vdom。所以我们直接在page中定义背景的CSS page{ background: url('assets/images/index-bg.png') no-repeat center center; background-size: 100% 100%; width: 100%; min-height: 100%; background-repeat: no-repeat; } ...

参与评论您还未登录，请先登录后发表或查看评论

uniapp—H5和App坑

qq_33475629的博客

02-28

898

1、uni-notice-bar在App端不滚动显示解决：setAnimation方法下面添加app端的判断： //#ifdef APP-PLUS setTimeout(() => { uni.createSelectorQuery().in(this).select(`#${this.elId}`).boundingClientRect().exec((ret) => { this.animation = `notice ${ret[0].width / this.speed}s l

vue 函数嵌套函数再嵌套函数 _this的巨大作用

weixin_44102328的博客

02-26

3781

openOCR3(){ var _this= this; uni.chooseImage({ count: 1, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有 sourceType: ['c.

UNI-APP开发中遇到的坑

goodmentc的专栏

07-13

2005

这样会导致，页面有时无法正常跳转，而点击页面的回退按钮也没有任何反应，页面卡住在当前页面。原因：uni-app中showModel会阻碍 uni.navigateBack跳转。问题：第一次进入页面，列表正常显示，下拉刷新后，列表消失。原因：数组赋值检测不到。解决方案：使用push给数组赋值或者如下方法。在页面中我们一般会在顶部左侧放置一个返回按钮，用户点击返回按钮则关闭当前页面，返回上一层页面。需求：当用户进行操作成功后，我们希望页面自动关闭，跳转回上一层页面。

使用Java代码获取unipp开发的安卓手机MAC地址

06-08

如果您要使用Java代码获取unipp开发的Android手机的MAC地址，可以使用以下代码： ```java try { Process process = Runtime.getRuntime().exec("cat /sys/class/net/wlan0/address"); BufferedReader reader = ...

unipp介绍(1).docx

07-16

这个框架旨在简化多端开发，提高开发效率。 **一、页面和组件** 1. 页面变化：uni-app不再使用HTML标签，而是使用类似小程序的标签。虽然输入HTML标签不会报错，但编译后会被转换为小程序标签。H系列和P标签的样式...

盲盒微信小程序unipp代码

05-27

在这个“盲盒微信小程序unipp代码”项目中，我们将探讨如何利用Unipp框架进行微信小程序的开发。 Unipp（全称：Universal Progressive Web App Platform）是一个强大的工具集，专为微信小程序和渐进式Web应用（PWA...

vscode配置unipp

08-23

这样可以充分利用uni-app的插件和组件，提高开发效率，并且在HBuiderx中查看项目的效果。123 #### 引用[.reference_title] - *1* [vscode配置和...

同城到家预约上门小程序V3全开源版 vueadmin+unipp开源前端+小程序端

05-07

是近年来快速崛起并广受好评的一站式上门服务预约平台。它集合了众多服务项目，包括家政、维修、清洁等，将原本琐碎冗杂的服务流程简化，让...当然很多系统所谓的开源都是提供单独的VUE开源包，如果对VUE开发不熟悉也无

uni-app遇到的坑

weixin_30735391的博客

08-14

1216

1、【uni-app】微信开发者工具拒绝HBuilderX访问　　解决：在微信开发者工具里设置。原意服务端口已关闭。要使用命令行调用工具，请打开工具 -> 设置 -> 安全设置，将服务端口开启。　　 2、H5跨域问题　　配置uni-app 中 manifest.json->h5->devServer(manifest.json文件的源码)　　"h5": ...

uni-app的坑

w001yy的博客

01-09

416

作为vue语法开发的跨平台开发框架虽然愿望很美好，但是真的要实现跨平台还是需要开发者搭建好的项目架构，灵活运行vue语法和模块化开发思维。 H5适配官方创新很好，又为我们创造了一个尺寸单位，upx，但是考虑到项目迁移和开发通用，我决定还是使用px配合flexible实现适配，确保项目可以轻松移植到uni框架，需要改动@dcloudio/vue-cli-plugin-uni/packages/po...

uniapp /deep/设置uni-app组件样式时 h5生效 小程序失效问题解决

qq_36904182的博客

04-19

3013

今天写uni-app的项目设置uni-app扩展组件的样式使用穿透/deep/ 发现小程序没有效果 h5有效果 //小程序无效 h5生效 /deep/ .uni-list-item .uni-list-item__container .uni-list-item__content .uni-list-item__content-title{ color: #333333; font-size: 32upx; } 加入一下代码后 h5 和小程序 都生效 //与methods 同级加.

uniapp详细介绍

最新发布

e745418的博客

06-13

1286

UniApp广泛应用于各类移动应用开发场景，包括但不限于电商应用、社交&媒体应用、企业应用、教育应用、生活服务应用以及金融应用等。例如，某知名电商平台利用UniApp开发了一款跨平台电商应用，实现了商品展示、交易、物流查询等功能，为用户提供了便捷的购物体验。随着技术的不断进步和移动互联网的不断发展，UniApp将会继续优化和完善其功能特点，为开发者提供更加高效、便捷的开发体验。UniApp，作为一款跨平台应用开发框架，自诞生以来便以其独特的优势和广泛的应用场景，受到了众多开发者的青睐。

unipp 请求拦截，响应拦截

like245660的博客

11-11

1977

let postUrl = { login: "wechat/login", // 用户登陆 adduserInfo: 'Wechat/adduserinfo' ,//信息补录 projectDeatil: 'Wechat/projetc_flow', //项目页面 userInfo: 'Wechat/myinfo' //个人中心}let getUrl = { //get请求} const install = (Vue, vm) => { let post...

uniapp上架苹果APP Store傻瓜式教程

m0_71386778的博客

01-09

5949

在Hbuilder点击【发行】->【原生APP-云打包】，勾选【IOS（ipa包）】，填写Bundle ID，证书密码，选择之前生成的.p12和.mobileprovision的文件，点击【打包】等待打包完成后，点击下载链接下载ipa包到本地。在Mac OS系统中打开Transporter应用，添加并上传ipa包，交付应用成功后，会上传至App Store Connect中，可在【我的APP】->【TestFlight】中查看上传的版本。】，填写完成后点击提交，回到列表页面即可看到刚创建的App ID。

uni-app

m0_65477966的博客

06-24

418

看到这里，是不是觉得它非常强大，竟然一套代码，可以兼容多端，基本应用软件可以直接一套搞定，但是还是那句话，包容性如此强，肯定也有相对应不足的地方，比如性能方面，还需要了解各平台，还有未知的坑，当然正常的软件小程序是不影响，如商城啊等等，不过要大型的就可能有点不足，它的路由就做不到这点，比如一个页面，功能许多，很复杂，当然会卡，有些非常强大的框架如nuxt等服务器渲染，它的路由是可以切换页面，有点类似放一个iframe,这种性能上，确实会好很多。使用 RPS，可以加快开发效率，降低维护成本，提高开发质量。