记录一些微信小程序开发的注意事项和坑

本文探讨了uniapp和原生小程序开发的对比,强调了uniapp的Vue语法优势、生态和工具使用注意事项。还提到了微信开发者工具的更新、基础库切换、image标签的使用以及用户信息获取的变化。社交功能的上线条件和常见报错解决方案也被提及。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • uniapp和原生小程序开发的选择

如果你需要打包多端比如安卓ios,直接选uniapp就行,它的稳定性和生态都挺不错的。

只需要开发小程序的话也可以选择原生,选uniapp的好处是更接近vue语法,有社区提供一些插件,有自带的ui库(虽然用法比较奇怪,需要从插件市场下载然后导入hbuilder)

缺点是也有uniapp自己的坑要踩(不算太多),编辑器要专门用hbuilder。

我比较倾向于uniapp,不过也可以看自己喜好。

  • 一定要勤更新微信开发者工具

之前电脑上一直装着微信开发者工具用来调试微信h5,开发小程序时也直接拿来用了,结果就是编译很慢,打开就有报错换了好几个基础库,后面看文档某某新特性才意识到应该更新工具了,更新后很多问题迎刃而解,白白浪费了时间。

  • 有时需要切换基础库

如果刚启动就有多个和页面代码无关的奇怪报错,可以优先用几步来排查 1.更新微信开发者工具 2.清缓存并重新编译几次,特别是在用uniapp时,偶尔会编译出问题 3.切换调试基础库,多换几个版本试试

  • 图片标签是<image>

无论是原生小程序开发还是uniapp,都没有<img>标签,需要用<image>,背景图也只能用网络图片地址,不能用本地地址,所以很多普通用背景图做的样式都得用<image>和绝对定位实现。

  • 多看官方文档和社区公告

比如用户授权,获取手机号等官方调整了多次,想着去年就写过直接把代码搬过来可能会出问题。

  • 用户信息已经不能从接口直接获取

重要提示:以前是用接口请求授权然后直接拿到用户信息,现在只能拿到匿名信息,需要自己用组件引导用户填写,见头像昵称填写 | 微信开放文档,因此这个还会影响交互的设计。具体可见我这篇文章最新微信小程序前端开发登录授权流程,用户信息接口已废弃!-CSDN博客

  • 尽早确定小程序的上线类型

如果小程序含有社交功能,包括发文发图,评论点赞收藏等,需要申请为企业号才能上线,如果是个人开发者尤其需要注意这点,让客户准备好营业执照进行申请和审核。并且社交发布图文类功能都需要加入官方推荐的第三方内容审核的接口,这些都要提早调研。

  • 一些报错的解决

微信开发者工具更新后报错:[ project.config.json 文件内容错误] project.config.json: libVersion 字段需为 string, string

在manifest文件的mp-weixin中添加 "libVersion": "latest" 即可

暂时就想到这么多,本文持续更新中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值