更新记录

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

安装教程

  1. 通过uni插件市场,下载插件并导入HBuilderX
  2. manifest.json 重新获取Appid

使用说明

  1. 小程序快速开发模板
  2. 复制页面文件备用,根据项目需要,新增页面
  3. 运行—运行到浏览器,部分功能需要运行到真机体验
  4. 支持配置微信分享,没有第三方分享可以使用系统分享
  5. 引入阿里云一键登录插件,插件地址阿里云号码认证SDK 阿里云号码认证SDK
  6. H5版一键登录,阿里云号码认证H5-SDK,需要服务端对接获得业务鉴权accessToken和API鉴权jwtToken
  7. 智能客服配置 微信智能对话
// #ifdef H5
import { PhoneNumberServer } from '@/utils/numberAuth-web-sdk.js';
const phoneNumberServer = new PhoneNumberServer();
// #endif

关于登录

  1. 本模板验证了必须登录才能进入应用,如果你的应用不强制登录,可以在 pages.json 修改启动页为第一个菜单 home 并进行相应调整
  2. 启动页 pages/index/index 会区分iOS/Android,Android显示原生隐私弹窗、iOS则显示模拟的隐私弹窗
  3. 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开发,持续更新遇到的坑和常用功能。欢迎指导和加入完善模板,帮助更多人快速开发

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问