uniapp项目笔记

1.生成二维码

import uqrCode from '@/static/erweima.js'

javascript 复制代码
uqrCode.make({
					canvasId: 'qrcode',
					componentInstance: this,
					text: JSON.stringify(item.id),
					size: 150,
					margin: 0,
					backgroundColor: '#ffffff',
					foregroundColor: '#000000',
					fileType: 'jpg',
					errorCorrectLevel: uqrCode.errorCorrectLevel.H,
					success: res => {
						this.imgCode = res // base64的图片格式
					}
				})

2.扫描二维码

javascript 复制代码
uni.scanCode({
					success: (res) => {
						console.log(res);
						uni.setStorageSync('pid', res.result)
						uni.showToast({
							title: res.result,
							icon: 'none'
						})
					},
				});

这里需要注意的是生成二维码时,text属性时二维码的内容,数据类型必须是字符串类型!!

3.微信开发者工具

3.1分包管理

主包需要在pages里面也就是进入小程序的首页,pages的第一个路径就是默认页面

3.2上传

微信开发者工具上传代码时主包不可超过1.5m其实一般中等的项目是轻轻松松的,这楼里需要注意的是,

1.插件按需引入

2.项目进行分包管理

3.上传代码是记得勾选压缩文件(在微信开发者工具里面的详情-本地设置)

相关推荐
齐生113 小时前
iOS 知识点 - IAP 是怎样的?
笔记
tingshuo29171 天前
D006 【模板】并查集
笔记
codingWhat1 天前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
tingshuo29172 天前
S001 【模板】从前缀函数到KMP应用 字符串匹配 字符串周期
笔记
小时前端3 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
Mr_li3 天前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup3 天前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
Mintopia4 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia4 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
不爱说话郭德纲5 天前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app