微信小程序开发入门:UniApp 从零到上线完整教程
使用 UniApp + Vue3 开发微信小程序,从项目创建、页面开发、API 调用、微信登录到上线发布,一套代码适配多端。
为什么选 UniApp
UniApp 是 DCloud 出品的跨端框架,基于 Vue 语法,一套代码可以编译到微信小程序、H5、App 等多个平台,对个人开发者来说性价比极高。
创建项目
HBuilderX → 文件 → 新建 → 项目 → uni-app → 选择 Vue3 模板
微信登录实现
async function wxLogin() {
const { code } = await uni.login({ provider: 'weixin' })
const res = await api.post('/auth/wx-login', { code })
uni.setStorageSync('token', res.data.token)
}
发布上线
- HBuilderX → 发行 → 小程序-微信
- 填写 AppID,点击发行
- 微信开发者工具上传代码
- 微信公众平台提交审核并发布