知了配音小程序源码UNIAPP-Cloud前后端源码.rar

#### 视频介绍 <a target="_blank" href="https://www.bilibili.com/video/BV17p4y1a71x?p=11"> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/71d310a5-ef69-4ca5-88c8-9a3abf8fb8e3.png" alt="腾讯课堂uniCloud视频教程" style="width: 70%;margin-bottom:26px;"> </a> 注：视频会有滞后问题，入门为主。最新的完整功能请看以下文档 #### 简介 uni-starter是一个集成了大量商用项目常见功能的，云端一体应用快速开发基本项目模版。 APP有很多通用的功能，比如登录注册、头像、设置、banner、... uni-starter将这些功能都已经集成好。 直接在`hbuilderx`新建项目选择`uni-starter`模板，即可在此基础上快速开发自己的特色业务。 有了`uni-starter`，再加上`schema2code`生成前端页面，一个简单应用就可以快速完成。 如果说[uniCloud admin](https://uniapp.dcloud.io/uniCloud/admin)是管理端项目的基本项目模版，那么uni-starter则是用户端、尤其是移动端的基础项目模板。 `uni-starter` + `uniCloud admin` 提供了用户端和管理端的基本项目模版，应用开发从未如此简单快捷！ ##### 扫码体验：h5版演示效果（链接：[https://uni-starter.dcloud.net.cn](https://uni-starter.dcloud.net.cn)） <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/0625ae17-1262-45cb-a713-cdbf02df5c0a.png" style="width: 120px;"> ### uni-starter集成包括： 1. 用户管理： - 登录注册（用户名密码登录、手机号验证码登录、APP一键登录、微信登录、Apple登录、微信小程序登录） - 修改密码、忘记密码、头像更换（集成图片裁剪）、昵称修改、积分查看、退出登录 2. 系统设置： - App更新（整包升级、wgt升级、强制升级，后台搭配uniCloud admin的升级中心插件管理） - 推送开关（app）、清除缓存（app） - 指纹解锁（app）、人脸解锁（app） - 多语言切换 - 账号注销（正在完善中...） 3. 隐私权限：内置Android先弹出隐私协议对话框，然后再向用户申请设备权限 4. 权限引导：当应用拒绝授权某些权限，但在后续使用中又需要这个权限；此时实现：引导用户可“一键跳转至系统设置”中开启。 - 而不是报错让用户自己去找解决方案（更好的用户体验）。 - 采用高内聚低耦合的设计结构，直接在应用启动时，应用拦截器中实现。免去在每个业务代码中处理这类问题，更优雅更方便。 - 已实现项目：摄像头、相册、获取GPS定位、网络2/3/4/5G和Wi-Fi。你可以参考这些实现，处理更多该类场景的处理。uni-starter也会持续更新完善。 5. 实用功能 - 问题与反馈、关于、隐私政策、用户服务协议 - banner（后台搭配uniCloud admin的banner插件管理） - 新闻的搜索、列表、详情、分享。通过clientDB实现，开发者直接修改定义的表名等参数，即可轻松改为自己的业务 - 可覆盖原生层的分享菜单 - h5版在页面顶部（全局悬浮）引导用户点击下载App - 营销裂变：点击“分销推荐”，生成带用户inviteCode参数的应用下载页（H5），一键分享到微信或微信朋友圈等。被邀请人打开下载页面点击下载，设备剪贴板的内容会被自动设置为邀请者的inviteCode。被邀请人下载app之后通过任何方式登录（含：注册并登录），uni-starter框架会自动获取设备剪切板中的inviteCode提交到服务端绑定关联关系。 6. 更好的性能：首页采用nvue，fast编译模式，加快App端启动速度 7. 内置拦截器： - 页面路由拦截，配置需强制登录的页面；打开时自动检测`token`若无效就自动跳转到登录页 - 调用云函数（callFunction）拦截器，自动携带必要参数、自动处理响应体。详见9.自动完成1-2 8. 自动完成： - 分析uniCloud.callfunction和clientDB操作的响应体，判断code执行对应的操作如跳转到登录页，自动续期token - 操作注册/登录操作自动获取客户端设备：push_clientid、imei、oaid、idfa新增/更新到数据表uni-id-device - 异常恢复处理：断网恢复后自动重连“因网络错误导致的”网络请求 - 为迎合苹果App Store的规则，登录与分享功能项显示之前自动检测是否安装了对应客户端。比如：设备未安装微信则不显示微信快捷登录和微信分享选项 * 更多功能模块会不断更新，请持续关注本插件 ## 快速体验部署流程 #### 1. 开通uniCloud - 开通`uniCloud`：本项目是云端一体的，它的云端代码需要部署在uniCloud云服务空间里，需要开通uniCloud。在[https://unicloud.dcloud.net.cn/](https://unicloud.dcloud.net.cn/)登录，按云厂商要求进行实名认证。 - 在uniCloud认证通过后，创建一个服务空间给本项目使用。选择阿里云或腾讯云均可，两种服务空间差异[详情](https://uniapp.dcloud.net.cn/uniCloud/price) #### 2. 运行云服务空间初始化向导 <img style="width:61.8%" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/472d8525-4e64-4a86-a77a-8c37c4379610.jpg" /> <img style="width:61.8%" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/78b3f17c-cf70-4cdf-9ada-1796753ffeac.jpg" /> <img style="width:61.8%" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/09916d79-4753-4baa-9b95-baa831f1a873.jpg" /> ## 功能模块介绍 ### 1.登录模块 |登录类型 |描述 | |-- |-- | |smsCode |验证码登录 | |univerify |读取手机SIM卡一键登录 | |username |账号密码登录 | |weixin |微信登录 | |apple |苹果登录 | 配置文件：`项目根目录/uni-starter.config.js` ```js { "router":{ "login":["username","smsCode"] } } ``` #### 启用登录方式 如上示例配置为：`["username","smsCode"]` 表示启用：验证码登录、账号密码登录。 同理配置为：`["weixin","username","smsCode"]` 则表示启用：微信登录、验证码登录、账号密码登录。 总结：需要几项列举几项即可。 #### 优先级 在uni-starter框架中执行`uni.navigateTo({url: "/pages/ucenter/login-page/index/index"})`，会根据配置跳转到相应的登录页面。如果配置内容为：`["username","smsCode"]`会自动切换到"配置的第0项，也就是`username`类型的登录方式对应的页面”，即`账户登录`方式页面，路径：`/pages/ucenter/login-page/pwd-login/pwd-login` #### 平台差异性配置 这里支持用[条件编译](https://uniapp.dcloud.io/platform?id=%e6%9d%a1%e4%bb%b6%e7%bc%96%e8%af%91)因此你可以配置在不同平台下拥有的登录方式。 如下配置，即表示仅在APP端启用“短信验证码登录” ```js "login": [ "username","univerify","weixin","apple" // #ifdef APP-PLUS "smsCode", // #endif ] ``` #### 生效策略 登录方式有如上5种，虽然你希望有几种登录方式就在配置中列举几种。但是有的登录方式可能因为设备环境问题而不被支持； 比如你正确地配置了微信登录，而用户的手机并没有安装微信，这样微信登录功能就无法使用。 并且如果出现这种情况你的app会被iOS的App Store拒绝上架。 所以在这里，我们的生效策略在检测：你是否有列举到某个配置项为前提的情况下，增加了检测当前环境是否支持，如果不支持会自动隐藏。 #### 在uni-app框架中配置： 在应用模块：`manifest.json` App模块配置 --> OAuth（登录鉴权）--> 勾选并配置你所需要的模块 + 一键登录： [开通配置](https://dev.dcloud.net.cn/uniLogin) [使用指南](https://uniapp.dcloud.io/univerify) + [苹果登录集成指南](https://ask.dcloud.net.cn/article/3