文章目錄

• • • • • 一、二維碼掃描
        • • 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. 抖音掃描

總結

以上是生活随笔為你收集整理的抖音实战~搜索页面~扫描二维码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。