更新记录
1.0.0(2025-03-17) 下载此版本
目录结构
├── App.uvue // 应用入口文件
├── index.html // HTML 模板文件
├── main.uts // UTS 脚本入口文件
├── manifest.json // 应用配置文件
├── package-lock.json // 包依赖锁定文件
├── package.json // 包管理配置文件
├── pages.json // 页面配置文件
├── uni.scss // 全局样式文件
├── pages/ // 页面目录
│ └── index/ // 首页目录
│ ├── index.uvue // 首页页面文件
│ └── components/ // 首页组件目录
│ ├── privacy_policy.vue // 隐私政策组件
│ └── user_agreement.vue // 用户协议组件
├── static/ // 静态资源目录
│ └── logo.png // 应用 logo
├── store/ // Vuex 状态管理目录
│ └── user.js // 用户状态管理模块
├── uni_modules/ // UniApp 模块目录
│ ├── uni-config-center/ // uni-config-center 模块
│ └── uni-id-common/ // uni-id-common 模块
├── uniCloud-alipay/ // 支付宝云函数目录 (可能用于支付宝相关功能)
│ ├── cloudfunctions/ // 云函数目录
│ └── database/ // 数据库目录
└── unpackage/ // 打包目录
平台兼容性
阿里云 | 腾讯云 | 支付宝云 |
---|---|---|
× | × | √ |
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 4.56 | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
云函数类插件通用教程
使用云函数类插件的前提是:使用HBuilderX 2.9+
UniApp 微信登录项目
本项目是一个基于 UniApp 框架开发的微信登录应用。
项目简介
本应用旨在提供一个简洁高效的微信登录示例,适用于快速集成微信登录功能的 UniApp 项目。
技术栈
- UniApp: 跨平台应用开发框架
- uVue: UniApp 的 Vue 风格组件
- UTS: Uni-App Type Script,UniApp 的增强型 TypeScript 语言
- uni-id-common: uni-id 模块的公共模块,用于用户身份验证和管理
- uni-config-center: uni-config-center 模块,用于统一配置管理
目录结构
├── App.uvue // 应用入口文件
├── index.html // HTML 模板文件
├── main.uts // UTS 脚本入口文件
├── manifest.json // 应用配置文件
├── package-lock.json // 包依赖锁定文件
├── package.json // 包管理配置文件
├── pages.json // 页面配置文件
├── uni.scss // 全局样式文件
├── pages/ // 页面目录
│ └── index/ // 首页目录
│ ├── index.uvue // 首页页面文件
│ └── components/ // 首页组件目录
│ ├── privacy_policy.vue // 隐私政策组件
│ └── user_agreement.vue // 用户协议组件
├── static/ // 静态资源目录
│ └── logo.png // 应用 logo
├── store/ // Vuex 状态管理目录
│ └── user.js // 用户状态管理模块
├── uni_modules/ // UniApp 模块目录
│ ├── uni-config-center/ // uni-config-center 模块
│ └── uni-id-common/ // uni-id-common 模块
├── uniCloud-alipay/ // 支付宝云函数目录 (可能用于支付宝相关功能)
│ ├── cloudfunctions/ // 云函数目录
│ └── database/ // 数据库目录
└── unpackage/ // 打包目录
快速开始
-
安装依赖
npm install
-
运行项目
使用 HBuilderX 或
vue-cli-plugin-uni
运行项目到不同的平台。例如,运行到微信小程序:
在 HBuilderX 中,选择 "运行" -> "运行到小程序模拟器" -> "微信开发者工具"。
注意事项
- 请根据项目需求配置
manifest.json
文件,例如应用名称、AppID 等。 - 微信登录功能需要配置微信开发者账号和相关参数。
uniCloud-alipay
目录可能包含支付宝相关的云函数和数据库配置,如果不需要可以移除。
贡献
欢迎提交 issue 和 pull request,共同完善本项目。
License
完整日志输出;完整的注释;