1.开发小程序需要appid(小程序的身份证),喊公司注册或者个人注册都可以,个人注册的可以迁移给公司,提供身份证等资料就行
2.uni-app+vue3+uview-plus开发小程序(之前用uni-app+vue2+uView开发的h5原创音乐页面,uview不支持vue3),本地开发邓磊注册了小程序,邀请我成为开发者
3.https://developers.weixin.qq.com/community/business/course/000264e20a0dd8e69669b609451c0d 小程序开发官方教程(它都推荐uni-app开发小程序),微信公众平台官网(mp.weixin.qq.com)
4.
5.
第一步:先新建项目-选uni-app 默认vue3,就开始了
第二步:运行到浏览器,或者官方模拟器
第三步:随便改点文字打包发布到测试环境(就是体验版),然后手机扫描看这个小程序发布成功没得,微信小程序发行的时候要输入小程序的AppId,
![]()
也可以如上图直接打包,它打包完成后自动打开微信小程序开发工具,你只需要在开发工具点击上传就行了。
也可以命令行进行打包:
npm run build:mp-weixin
但是这个打包好之后,要自己导入打包好的dist麻烦,还不如hbuildx直接打包好自动打开开发者工具,直接打开打包好的dist.
![]()
上传成功就搞定了,自己去微信小程序后台把刚才上传的版本设置为体验版(就是测试版)
启用按需注入如下图,pmanifest.json自己去配
![]()
第四部:写页面(哪些是主包哪些是分包),先配置
![]()
然后
![]()
在然后你就可以在目录右键新建页面--》
![]()
第4步:如何写px,怎么转化为vw vh,用哪个插件?不用直接写rpx ui给的都是750的(如果不是给的750那就让他给或者自己等比例缩放成750的),eg:某个按钮长50px 高度:20px 你就直接写50rpx 20rpx搞定
第五步:axios如何配置
第6步:联调
豆包相关疑问集合:
1.uni-app发布到微信小程序上如何发布
2.uni-app如何建立微信小程序 主包分包[主包大小不能超过 2M,单个分包和所有分包大小总和不能超过 20M。]
3.uni-app 在哪里启用按需注入"lazyCodeLoading": "requiredComponents"
4.配置主包分包,在对应的目录下建立对应的页面(https://www.cnblogs.com/jspang/p/18527114)
5.uni-app如何设置tabbar我页面已经建好了
6.uni-app调试 tabBar的字体大小颜色居中7.uni-app项目中如何安装uview插件 【tips:我用的是npm方式
然后安装
npm install uview-ui
然后main.js 配置。。。
【请使用npm install uview-plus】
7.uni-app中使用uview-plus
8.
uniapp中需要做什么它不认识@import 导致报错
根据提示配置之后import 'uview-plus/index.scss';它不认识需要安装
艹 这篇文章解决了我的烦恼:https://blog.csdn.net/qq_40899348/article/details/146968565