uni-id及uni-id-pages实例

uni-id贯穿了uni-app前端到uniCloud后端的各个环节。

云端一体页面模板 uni-id-pages（含uni-id-co），重点，一组完整的前端页面和后端云对象

基于uni-id-common，DCloud还提供了一组完整的前端页面和后端云对象，合称uni-id-pages。

一般推荐直接使用uni-starter项目模板来开始开发，或者在新项目里导入uni-id-pages页面模板来使用。可以配套使用uniIdRouter；

需要在App.vue中初始化uni-id-pages的init.js文件，见官网。

千万不要使用默认的passwordSecret和tokenSecret，会造成系统安全隐患。

2. uniIdRouter自动路由

uniIdRouter 是一个运行在前端的、对前端页面访问权限路由进行控制的方案。只需在项目的pages.json内配置登录页路径、需要登录才能访问的页面等信息，uni-app框架的路由跳转，会自动在需要登录且客户端登录状态过期或未登录时跳转到登录页面。

3，代码： uni-id-pages 项目pages.json中，已包含uniIdRouter

{
   "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
       {
           "path": "pages/index/index",
           "style": {
               "navigationBarTitleText": "uni-app"
           }
       },
       {
           "path": "uni_modules/uni-id-pages/pages/userinfo/deactivate/deactivate",
           "style": {
               "navigationBarTitleText": "注销账号"
           }
       },
       {
           "path": "uni_modules/uni-id-pages/pages/userinfo/userinfo",
           "style": {
               "navigationBarTitleText": "个人资料"
           }
       },
       {
           "path": "uni_modules/uni-id-pages/pages/userinfo/bind-mobile/bind-mobile",
           "style": {
               "navigationBarTitleText": "绑定手机号码"
           }
       },
       {
           "path": "uni_modules/uni-id-pages/pages/userinfo/cropImage/cropImage",
           "style": {
               "navigationBarTitleText": ""
           }
       },
       {
           "path": "uni_modules/uni-id-pages/pages/login/login-withoutpwd",
           "style": {
               "navigationBarTitleText": ""
           }
       },
       {
           "path": "uni_modules/uni-id-pages/pages/login/login-withpwd",
           "style": {
               "navigationBarTitleText": ""
           }
       },
       {
           "path": "uni_modules/uni-id-pages/pages/login/login-smscode",
           "style": {
               "navigationBarTitleText": "手机验证码登录"
           }
       },
       {
           "path": "uni_modules/uni-id-pages/pages/register/register",
           "style": {
               "navigationBarTitleText": "注册"
           }
       },
       {
           "path": "uni_modules/uni-id-pages/pages/retrieve/retrieve",
           "style": {
               "navigationBarTitleText": "重置密码"
           }
       }, {
           "path": "uni_modules/uni-id-pages/pages/common/webview/webview",
           "style": {
               "navigationBarTitleText": "",
               "enablePullDownRefresh": false
           }
       }
   ,{
"path" : "uni_modules/uni-id-pages/pages/userinfo/change_pwd/change_pwd",
"style" :
{
"navigationBarTitleText": "修改密码",
"enablePullDownRefresh": false
}

}
],
   "globalStyle": {
       "navigationBarTextStyle": "black",
       "navigationBarTitleText": "uni-app",
       "navigationBarBackgroundColor": "#FFF",
       "backgroundColor": "#F8F8F8"
   }
   ,"condition" : { //模式配置，仅开发期间生效
       "current": 0, //当前激活的模式(list 的索引项)
       "list": [
           {
               "name": "", //模式名称
               "path": "", //启动页面，必选
               "query": "" //启动参数，在页面的onLoad函数里面得到
           }
       ]
   },
   "uniIdRouter": {
       "loginPage": "uni_modules/uni-id-pages/pages/login/login-withoutpwd",
       "needLogin": [
           "uni_modules/uni-id-pages/pages/userinfo/userinfo"
       ],
       "resToLogin": true
   }
}

提示找不到模块的话，上传下载云函数和数据库。

千万不要使用默认的passwordSecret和tokenSecret，会造成系统安全隐患。上传下载完毕后，修改passwordSecret和tokenSecret。路径见下图：

uni-id及uni-id-pages实例相关推荐

python的id方法_python中id()函数的实用研究实例
python中id()函数的实用研究实例 >>> a = 2.5 >>> b = 2.5 >>> c = b >>> a is ...
html代码id,浅谈html中id和name的区别实例代码
浅谈html中id和name的区别实例代码更新时间:2008年07月28日 23:00:55 作者: 这个是form里面的name与id的区别我们可以通过一段代码来分析一下其中的微妙差别: 在 ...
生成二维码，扫描二维码，二维码预览三件套。uQRCode、uni.scanCode、uni.previewImage
生成二维码,扫描二维码,二维码预览三件套.uQRCode.uni.scanCode.uni.previewImage 一.生成二维码使用插件:uQRCode(在uniapp插件市场下载引入) 将uq ...
linux id 命令显示用户id和组id信息
Linux id命令用于显示用户的ID,以及所属群组的ID. id会显示用户以及所属群组的实际与有效ID.若两个ID相同,则仅显示实际ID.若仅指定用户名称,则显示目前用户的ID. 语法 id [-g ...
ORA-03113: end-of-file on communication channel Process ID: 252 Session ID: 1 Serial number: 3
进入字符界面: sqlplus / as sysdba startup nomount; alter database mount; alter database open; 报如下错误: * ER ...
uni.showToast与uni.navigateTo同时使用问题
在实现后端返回数据正确的情况下,使用showToast进行提示后希望能够进行页面跳转就有了以下代码: 然而发现实际执行过程当中navigateTo并不生效于是发现需要增加延迟: 却仍然无法成功跳转, ...
解决uni.request时uni.showtoast无效问题
问题描述封装API请求的时候,uni.request时uni.showtoastw无效: var promise = new Promise((resolve,reject) => {var ...
uniapp页面通讯-uni.$emit、uni.$on、uni.$once、uni.$off
uni.$emit(eventName,OBJECT) 触发全局的自定义事件.附加参数都会传给监听器回调. uni.$on(eventName,callback) 监听全局的自定义事件.事件可以由 u ...
【概念】FISCO-BCOS证书进行Dapp开发需要注意什么？讲解config.ini,group.id.genesis,group.id.ini
前言 FISCO-BCOS是联盟链,一说到联盟链就少不了证书的存在,无论是节点证书还是加密证书都有着重要的作用,目前证书配置最多的是hyperledger fabric,这一节我们就简单的讲一下爱FI ...
html类选择器和id选择器,CSS Id 和 Class选择器
CSS Id 和 Class选择器如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. 一.id 选择器 id 选择 ...

uni-id及uni-id-pages实例

uni-id及uni-id-pages实例相关推荐

最新文章

热门文章