抖音实战~搜索页面~扫描二维码

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

文章目录

          • 一、二维码扫描
            • 1. api
            • 2. 前端源码
            • 3. 实现原理
          • 二、、作品鉴赏
            • 2.1. 短视频二维码
            • 2.2. 微信扫描
            • 2.3. 抖音扫描

一、二维码扫描

uni.scanCode(OBJECT)

1. api

在这里插入图片描述

自己发布的短视频会有“保存到相册、复制链接、二维码、转为私密

2. 前端源码
          // 搜索扫码scan() {uni.scanCode({success: (e) => {// url地址var result = e.result;var vlogId = JSON.parse(result).content;// 跳转页面,把搜索条件携带过去uni.navigateTo({url: "../vlog/vlog?vlogId=" + vlogId})}})},

去跳转短视频详情页面了

3. 实现原理
  • 1.其实生成短视频二维码就是短视频的发布ID
  • 2.当微信扫描只会显示二维码生成的type和content文字内容,是因为没有对文字进行其他的操作。
  • 3.咱们抖音app当你扫描二维码时,做了以下几件事:
    • 3.1. 第一件事和微信扫描一样解析二维码后面的文字信息
    • 3.2. 获取短视频发布ID后,调用了后端短视频详情的api接口
    • 3.3.调用完接口后,有对短视频详情进行了短视频信息转视频的处理(其实就是预览短视频而已),和搜索页面实现的原理是一样的。
二、、作品鉴赏
2.1. 短视频二维码

在这里插入图片描述
在这里插入图片描述

2.2. 微信扫描

在这里插入图片描述

2.3. 抖音扫描

在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/515308.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

发力公有云的用友YonSuite,云原生实力到底如何?

作者 | 宋慧 出品 | CSDN云计算 头图 | 付费下载于视觉中国 在云原生吞噬一切的口号下,云计算厂商和企业用户对云原生的关注度达到空前的高度。不过,在容器、微服务、DevOps等云原生概念被普及后,CSDN的2020-2021年度开发者大调查显示&#…

云原生语境下,如何重新解读微服务?

最近,O’Reilly 公布了一份关于企业微服务市场现状的数据调研。报告显示,在访问了全球 1,502 名软件工程师、系统和技术架构师、工程师以及决策者后,有 77% 的组织反馈采用了微服务,其中 92% 的组织成功使用…

抖音实战~公开/私密短视频互转

文章目录一、需求分析1. 公开转私密~流程图2. 公开转私密~流程简述3. 私密转公开~流程图4. 私密转公开~流程简述二、代码实战2.1. 公开转私密2.2. 私密转公开2.3. 公开转私密2.4. 短视频详情2.5. 私密转公开三、作品鉴赏3.1. 公开短视频转私密3.2. 私密短视频转公开一、需求分析…

超详细Netty入门,看这篇就够了!

思维导图 前言 本文主要讲述Netty框架的一些特性以及重要组件,希望看完之后能对Netty框架有一个比较直观的感受,希望能帮助读者快速入门Netty,减少一些弯路。 一、Netty概述 官方的介绍: Netty is an asynchronous event-drive…

申通的云原生实践之路:如何实现应用基于容器的微服务改造?

随着云计算的普及与云原生的广泛应用,越来越多的从业者、决策者清晰地认识到「云原生化将成为 企业技术创新的关键要素,也是完成企业数字化转型的最短路径」。 因此,具有前瞻思维的互联网企业从应用诞生之初就扎根于云端,谨慎稳重…

安迈云加入GDCA全球分布式云联盟,携手业内共建新生态

编辑 | 宋 慧 出品 | CSDN云计算 面对全球百年未有之大变局,以“新基建”为核心的宏观战略,正在加速波澜壮阔的数字时代到来。分布式存储与去中心化云计算作为Web3.0的重要基础设施,将加快推动千行百业数字化转型进程,构建商业新…

抖音实战~关注博主

文章目录一、关注我需求分析1. 关注我流程图2. 关注我流程简述3. 表结构设计二、关注我源码分析2.1. 前端2.2. 后端三、账号1关注实战3.1. 关注前数据记录3.2. 账号1关注账号23.3. 账号1关注后数据变化四、. 账号2关注实战4.1. 账号2关注账号14.2. 关注后数据变化4.3. redis存储…

ClickHouse 源码阅读 —— SQL的前世今生

注:以下分析基于开源 v19.15.2.2-stable 版本进行,社区最新版本代码改动较大,但是总体思路是不变的。 用户提交一条查询SQL背后发生了什么? 在传统关系型数据库中,SQL处理器的组件主要包括以下几种: • …

史上最全的支付宝二维码扫码优化技术方案

二维码又称二维条码,常见的二维码为QR Code,QR全称Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的Bar Code条形码能存更多的信息,也能表示更多的数据类型。 设备扫描二维条码,通…

抖音实战~取关博主

文章目录一、需求分析1. 取关流程图2. 取关流程简述二、源码实战2.1. 取关~前端2.2. 取关~后端三、5217取关实战3.1. 取关前资料分析3.2. 账号5217取关四、账号0009取关实战4.1. 账号0009取关4.2. 数据变化一、需求分析 1. 取关流程图 2. 取关流程简述 1.前端携带用户ID和短视…

终于有人把Python讲清楚了!

Python入门从哪开始,90%以上的书上都是这样讲的:先介绍 Python 的基本语法规则、list、dict、tuple 等数据结构,然后再介绍字符串处理和正则表达式,介绍文件等IO操作.... 就这样一点一点往下说。然而这种按部就班的学习方法&#…

MaxCompute 实现增量数据推送(全量比对增量逻辑)

ODPS 2.0 支持了很多新的集合命令(专有云升级到3版本后陆续支持),简化了日常工作中求集合操作的繁琐程度。增加的SQL语法包括:UNOIN ALL、UNION DISTINCT并集,INTERSECT ALL、INTERSECT DISTINCT交集,EXCEPT ALL、EXCEPT DISTINCT…

uniapp 引入iconfont的方法

文章目录1. 加入购物车2. 下载代码3. 创建静态目录4. 样式字体复制5. 字体转码6. 转码内容替换7. 样式引入7. 使用8. 个性化使用阿里图标库:https://www.iconfont.cn/ 1. 加入购物车 选中自己需要的图标依次加入购物车 2. 下载代码 打开购物车-下载代码到本地 …

独家下载 |《领军行业大数据及AI实战》解锁九大行业领军企业云上大数据及AI实战

飞天大数据平台不仅是阿里经济体大数据生产的基石,更为各行业客户提供大数据整体解决方案和强劲算力。上一册介绍阿里巴巴内部大数据实战的电子书《阿里巴巴大数据及AI实战》推出后,受到了广大开发者的认可。本次带来不同行业下企业的大数据&AI案例和…

从日志入手,保障 Kubernetes 稳定性

作者 | 悟鹏、沉醉来源 | 阿里巴巴云原生头图 | 下载于视觉中国不论对于软件的用户还是开发者,日志都是很重要的信息源。日志可以用来表征软件的运行状态,在软件运行不符合预期时提供丰富的信息,也可以用在开发阶段调试软件,方便定…

抖音实战~我关注的博主列表、关注、取关

文章目录一、关注模块1. 关注流程图2. 关注流程简述二、前端关注相关2.1. 查询我关注博主列表2.2. 取消关注2.2. 关注我2.4. 上滑分页粉丝列表2.5. 状态刷新三、后端关注相关3.1. 查询我关注的博主列表3.2. 取关3.3. 关注一、关注模块 1. 关注流程图 暂未上,敬请期…

灵魂拷问,上 Kubernetes 有什么业务价值?

上 Kubernetes 有什么业务价值? 今天要演讲的主题是跟应用管理或者说是云原生应用交付是相关的。首先我们想要先回答这么一个问题:为什么我们要基于 Kubernetes 去构建一个应用管理平台? 上图是一个本质的问题,我们在落地 K8s 经…

近7万新冠域名一半是钓鱼网站?以色列老牌安全厂商Check Point推出全端保护新战略

编辑 | 宋 慧 出品 | CSDN云计算 头图 | 付费下载于视觉中国 疫情肆虐的2020注定会被长久铭记。在这一年中,人们的工作、生活方式发生了巨变。在以色列老牌安全厂商Check Point全球进行的调查中显示,87%的工作人口采用了居家办公模式,74%的企…

掌门教育微服务体系Solar第3弹:Nacos企业级落地下篇

前言 在高速发展的时候,公司规模越来越大,老师人数越来越多,这时候公司不能铺太多人去做运营与服务,必须提高每个人效,这就需要技术驱动。因此掌门教育转变成一家技术驱动型的公司,如果被迫成为一家靠资金驱…

jdk 1.8 安装

步骤 B:配置 JAVA_HOME 系统变量区域,点击【新建】,在弹出的窗口中,分别输入变量名和值 变量名:JAVA_HOME 变量值:你的安装路径 JAVA_HOMEpath %JAVA_HOME%\bin步骤 C:配置 Path Path环境变量…