更新记录
1.0.6(2024-03-08)
修复真机打包白屏,解决方案: mian.js 文件注释 vconsole 或添加条件编译
1.0.5(2024-01-13)
新增智能客服
1.0.4(2023-11-28)
引入移动端调试vconsole;H5一键登录,需服务端支持
查看更多
平台兼容性
HbuilderX/cli最低兼容版本 |
3.7.0 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
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
![阿里云号码认证SDK](https://anotherartisan.oss-cn-shanghai.aliyuncs.com/uniapp/alilogin.png)
- 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开发,持续更新遇到的坑和常用功能。欢迎指导和加入完善模板,帮助更多人快速开发