更新记录
1.0.6(2024-03-08) 下载此版本
修复真机打包白屏,解决方案: mian.js 文件注释 vconsole 或添加条件编译
1.0.5(2024-01-13) 下载此版本
新增智能客服
1.0.4(2023-11-28) 下载此版本
引入移动端调试vconsole;H5一键登录,需服务端支持
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.7.0 app-vue | × | √ | × | × | √ | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
uni-app-template
介绍
uni-app快速开发模板,基于uni+uviewui进行开发
软件架构
uni-app + uview UI
安装教程
- 通过uni插件市场,下载插件并导入HBuilderX
- 在
manifest.json
重新获取Appid
使用说明
- 小程序快速开发模板
- 复制页面文件备用,根据项目需要,新增页面
- 运行—运行到浏览器,部分功能需要运行到真机体验
- 支持配置微信分享,没有第三方分享可以使用系统分享
- 引入阿里云一键登录插件,插件地址阿里云号码认证SDK
- H5版一键登录,阿里云号码认证H5-SDK,需要服务端对接获得业务鉴权accessToken和API鉴权jwtToken
- 智能客服配置 微信智能对话
// #ifdef H5
import { PhoneNumberServer } from '@/utils/numberAuth-web-sdk.js';
const phoneNumberServer = new PhoneNumberServer();
// #endif
关于登录
- 本模板验证了必须登录才能进入应用,如果你的应用不强制登录,可以在
pages.json
修改启动页为第一个菜单 home 并进行相应调整 - 启动页
pages/index/index
会区分iOS/Android,Android显示原生隐私弹窗、iOS则显示模拟的隐私弹窗 pages/index/index
会记录用户是否登录、是否第一次打开,可针对性的进行业务开发
vconsole调试
安装
npm install vconsole
mian.js引入
if (process.env.H_NODE_ENV !== 'production') {
const vconsole = require('vconsole')
Vue.prototype.$vconsole = new vconsole()
}
特技
5年uni-app开发,持续更新遇到的坑和常用功能。欢迎指导和加入完善模板,帮助更多人快速开发