介绍

本次我们搭建的项目是APP（uni - app支持多端运行，包括微信小程序、支付宝小程序、安卓App 、 iOS App 等等）和APP的后台管理系统（适应手机和PC端）。每一个都可以当全栈，只要有编程基础，当然了解vue最好啦

uni-app官网 (dcloud.io)

我们选择基于uni-app的uni-starter开发app，后台系统选择基于uni-app的uni - admin

为什么选uni-starter 和 uni-admin ？

uni-starter是一个集成了大量商用项目常见功能的，云端一体应用快速开发基本项目模版。

APP有很多通用的功能，比如登录注册、头像、设置、banner、... uni-starter将这些功能都已经集成好。

直接在HBuilderx新建项目选择uni-starter模板，即可在此基础上快速开发自己的特色业务。

有了uni-starter，再加上schema2code生成前端页面，一个简单应用就可以快速完成。

如果说uniCloud admin (opens new window)是管理端项目的基本项目模版，那么uni-starter则是用户端、尤其是移动端的基础项目模板。

uni-starter + uniCloud admin 提供了用户端和管理端的基本项目模版，应用开发从未如此简单快捷！

我会一步一步讲诉过程，并且帮你们排除我踩了的坑

让我们开始叭！！！

开发工具准备：HBuilderX

点击下载HBuilderX-高效极客技巧 (dcloud.io)

尽量选择最高版本，因为有些插件要求在v3.5以上

新建uni-starter项目：

文件 - > 新建 -> 项目

然后如图选择新建uni-starter项目

第一次用的话，你可能有如下疑问：

为什么选择vue2，而不选择vue3
- 最好不要选择vue3 ，经过我的测试vue3版本存在一些问题，就是登录不上，之后会讲的。
为什么选择阿里云，腾讯云可以嘛
- 腾讯云当然可以，但是阿里云完全免费可以创建50个服务空间。腾讯云只能免费创建一个服务空间，其他收费。

完成后会出现如下页面，点击新建。

进入如下页面

创建成功

这里有云数据库和云对象/函数具体意思可以去官网

我简单介绍一下

云数据库：存储数据，相当于mysql

云对象/函数：相当于之前写的java服务跑在云服务器上

回去，刷新选择刚刚你创建的

开始部署

替换就行

点击项目运行到内置浏览器第一次会提醒你安装，提醒安装什么确定就行

如没反应再点击一下运行

运行成功

手机号第一次登录则默认会注册好，测试手机号登录的验证码为123456

注册成功之后可以去云数据库查看

验证码表

用户表

uni-starter集成包括：

用户管理：

登录注册（用户名密码登录、手机号验证码登录、APP一键登录、微信登录、Apple登录、微信小程序登录）

修改密码、忘记密码、头像更换（集成图片裁剪）、昵称修改、积分查看、退出登录

系统设置：

App更新（整包升级、wgt升级、强制升级，后台搭配uniCloud admin的升级中心插件管理）

推送开关（app）、清除缓存（app）

指纹解锁（app）、人脸解锁（app）

多语言切换

账号注销

隐私权限：内置Android先弹出隐私协议对话框，然后再向用户申请设备权限

权限引导：当应用拒绝授权某些权限，但在后续使用中又需要这个权限；此时实现：引导用户可“一键跳转至系统设置”中开启。

而不是报错让用户自己去找解决方案（更好的用户体验）。

采用高内聚低耦合的设计结构，直接在应用启动时，应用拦截器中实现。免去在每个业务代码中处理这类问题，更优雅更方便。

已实现项目：摄像头、相册、获取GPS定位、网络2/3/4/5G和Wi-Fi。你可以参考这些实现，处理更多该类场景的处理。uni-starter也会持续更新完善。

实用功能

问题与反馈、关于、隐私政策、用户服务协议

banner（后台搭配uniCloud admin的banner插件管理）

新闻的搜索、列表、详情、分享。通过clientDB实现，开发者直接修改定义的表名等参数，即可轻松改为自己的业务

可覆盖原生层的分享菜单

h5版在页面顶部（全局悬浮）引导用户点击下载App

营销裂变：点击“分销推荐”，生成带用户inviteCode参数的应用下载页（H5），一键分享到微信或微信朋友圈等。被邀请人打开下载页面点击下载，设备剪贴板的内容会被自动设置为邀请者的inviteCode。被邀请人下载app之后通过任何方式登录（含：注册并登录），uni-starter框架会自动获取设备剪切板中的inviteCode提交到服务端绑定关联关系。

更好的性能：首页采用nvue，fast编译模式，加快App端启动速度

内置拦截器：

页面路由拦截，配置需强制登录的页面；打开时自动检测token若无效就自动跳转到登录页

调用云函数（callFunction）拦截器，自动携带必要参数、自动处理响应体。详见9.自动完成1-2

自动完成：

分析uniCloud.callfunction和clientDB操作的响应体，判断code执行对应的操作如跳转到登录页，自动续期token

操作注册/登录操作自动获取客户端设备：push_clientid、imei、oaid、idfa新增/更新到数据表uni-id-device

异常恢复处理：断网恢复后自动重连“因网络错误导致的”网络请求

为迎合苹果App Store的规则，登录与分享功能项显示之前自动检测是否安装了对应客户端。比如：设备未安装微信则不显示微信快捷登录和微信分享选项

更多功能模块会不断更新，请持续关注本插件