uni-app进阶之认证【day12】

简介: uni-app进阶之认证【day12】

uni-app进阶之认证

通信方通过使用证书进行身份验证。
Ca(证书颁发机构)是客户端和服务器都可以信任的第三方组织。服务器的操作员向CA申请公钥。CA确定申请人身份后,将对应用的公钥进行数字签名,分发签名的公钥,并将公钥放入公钥证书后绑定在一起。在HTTPS通信期间,服务器将向客户端发送证书。客户端获得公钥后,首先使用数字签名进行验证。如果验证通过,则可以开始通信。

过滤器如下:

Vue.filter("formatDate",(data)=>{
    const nDate=new Date(data);
    const year = nDate.getFullYear();
    const month = nDate.getMonth()+1;
    const day = nDate.getDay();
    return year +'-'+ month +'-'+ day
})

完整性保护

SSL为完整性保护提供消息摘要功能。HTTP还提供MD5消息摘要功能,但不安全。例如,如果消息内容被篡改,同时重新计算MD5值,则通信接收方不知道该篡改。
HTTPS的消息摘要功能是安全的,因为它结合了加密和身份验证。想象一下,在加密的消息被篡改后,很难重新计算消息摘要,因为无法轻松获取明文。

 "privacy": {
    
    "prompt": "template",
    "template": {
    
        "title": "服务协议和隐私政策",
        "message": "  请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款,包括但不限于:为了更好的向你提供服务,我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>  你可阅读<a href="">《服务协议》</a>和<a href="">《隐私政策》</a>了解详细信息。如果你同意,请点击下面按钮开始接受我们的服务。",
        "buttonAccept": "我知道了",
        "buttonRefuse": "暂不同意"
    }
}

脚本数据中定义的JS变量可以在组件中使用,但组件属性中的用法与内容区域中的用法不同。

<component-name property1="value" property2="value">
    content
</component-name>

如果长列表中的每个项目都不会单独更新,那么我们就不需要将每个项目都变成一个组件。我们可以直接循环长列表以显示项目。

// index.vue 循环加载长列表
<template>
    <view>
        <view class="thumb" v-for="item in testdata">
            <ThumbItem :item='item'></ThumbItem>    
        </view>
    </view>
</template>

<script>
    Import ThumbItem from "components/thumbitem/thumbitem.vue"
    export default {    
        components: {
            ThumbItem
        },
        data() {
            return {
                testdata: ["评价1","评价2","评价3","评价4","评价5"]
            }
        }
    }
</script>

<style>
    .thumb{
        text-align: center;
        margin-top: 20px;
    }
</style>

组件在页面初始化期间会占用更多内存,遍历节点的速度会更慢。渲染时,每个组件都会触发通信,过多的组件会阻止通信。所以我们应该使用刀刃上的好刀。如果我们在任何情况下都使用它,就会适得其反。深节点的嵌套是相同的。开发时应注意避免深节点嵌套。
在实际的项目开发中,长列表通常经过逻辑层处理后返回。数据是可变的。如果长列表中的数据需要显示在页面上,我们将在数据中定义长列表。如果变量不需要显示在视图中,我们会尝试在数据之外设置变量。
在这里插入图片描述

相关文章
|
人工智能 移动开发 运维
阿里云APP “题库 ” 重磅上线!考取阿里云认证刷题神器,“懒人”必备
阿里云APP上线最新题库功能,和小编一起探索新功能~
11933 17
 阿里云APP  “题库 ”  重磅上线!考取阿里云认证刷题神器,“懒人”必备
|
6月前
【Azure Logic App】使用Event Hub 连接器配置 Active Directory OAuth 认证无法成功连接到中国区Event Hub的解决之法
An exception occurred while retrieving properties for Event Hub: logicapp. Error Message: 'ClientSecretCredential authentication failed: AADSTS90002: Tenant 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx' not found. Check to make sure you have the correct tenant ID and are signing into the correct cloud. Che
|
7月前
|
C++
【Azure Logic App】使用Event Hub 连接器配置 Active Directory OAuth 认证无法成功连接到中国区Event Hub
【Azure Logic App】使用Event Hub 连接器配置 Active Directory OAuth 认证无法成功连接到中国区Event Hub
|
7月前
|
缓存
【Azure Function】Function App代码中使用Managed Identity认证获取Blob数据时遇见400报错
【Azure Function】Function App代码中使用Managed Identity认证获取Blob数据时遇见400报错
【Azure Function】Function App代码中使用Managed Identity认证获取Blob数据时遇见400报错
|
7月前
|
C++
【Azure Logic App】使用Event Hub 连接器配置 Active Directory OAuth 认证无法成功连接到中国区Event Hub
在尝试使用Azure Logic App创建由Event Hub触发的工作流时,配置了Active Directory OAuth认证但仍遇到认证失败的问题。错误信息提示找不到指定的租户ID。尽管已设置了正确的Azure中国环境Authority,认证请求似乎仍指向全球Azure环境。这可能是Logic App服务本身的局限导致。作为替代方案,可采用Connection String或Managed Identity方式进行认证,两者均可正常工作。此外,通过Azure Function App复现此问题,进一步验证这是服务层面而非配置问题。相关文档和教程可在Azure官方文档中找到。
|
Java Shell Android开发
支付宝二维码脱机认证库在android的app下测试过程记录
支付宝二维码脱机认证库在android的app下测试过程记录
|
监控 算法 安全
某社交App cs签名算法解析(一) SSL双向认证
某社交App cs签名算法解析(一) SSL双向认证
某社交App cs签名算法解析(一) SSL双向认证
|
弹性计算
通过阿里云 app 完成个人账号实名认证
注册阿里云新账号后,先要通过实名认证才能选购云产品,也可以在使用阿里云 app 开通业务或购买产品时,根据提示和操作流程完成实名认证。不过很多新手不知道如何快速通过实名认证的步骤,这也是很多新手需要学习的第一步,本文就给大家分享如何快速通过阿里云个人账号实名认证。
1770 0
通过阿里云 app 完成个人账号实名认证

热门文章

最新文章

  • 1
    MNN-LLM App:在手机上离线运行大模型,阿里巴巴开源基于 MNN-LLM 框架开发的手机 AI 助手应用
  • 2
    原生鸿蒙版小艺APP接入DeepSeek-R1,为HarmonyOS应用开发注入新活力
  • 3
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 4
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 5
    【Azure App Service】基于Linux创建的App Service是否可以主动升级内置的Nginx版本呢?
  • 6
    1688APP 原数据 API 接口的开发、应用与收益
  • 7
    PiliPala:开源项目真香,B站用户狂喜!这个开源APP竟能自定义主题+去广告?PiliPala隐藏功能大揭秘
  • 8
    APP-国内主流安卓商店-应用市场-鸿蒙商店上架之必备前提·全国公安安全信息评估报告如何申请-需要安全评估报告的资料是哪些-优雅草卓伊凡全程操作
  • 9
    语音app系统软件源码开发搭建新手启蒙篇
  • 10
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 1
    【Azure Storage Account】利用App Service作为反向代理, 并使用.NET Storage Account SDK实现上传/下载操作
    12
  • 2
    【02】微信支付商户申请下户到配置完整流程-微信开放平台申请APP应用-微信商户支付绑定appid-公众号和小程序分别申请appid-申请+配置完整流程-优雅草卓伊凡
    18
  • 3
    【Azure App Service】App Service 是否支持HostName SNI 证书?
    18
  • 4
    iOS|记一名 iOS 开发新手的前两次 App 审核经历
    14
  • 5
    2025同城线下陪玩APP开发/电竞游戏平台搭建游戏陪玩APP源码/语音APP开发
    24
  • 6
    flutter3-wetrip跨平台自研仿携程app预约酒店系统模板
    28
  • 7
    通过外部链接启动 Flutter App(详细介绍及示例)
    24
  • 8
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    55
  • 9
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    46
  • 10
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
    40