【筆記3】二維碼掃碼數據埋點

zhouzhou 發布于2019-07-01 10:28 / 3110人閱讀

摘要：項目中遇到的問題前臺為商品掃碼數據埋點二維碼中的鏈接是外鏈，不是自己的后臺，如果直接放外鏈的話，是統計不到數據的，所以需要先請求到自己后臺，然后重定向外鏈。

項目中遇到的問題：1.前臺為商品掃碼數據埋點（二維碼中的鏈接是外鏈，不是自己的后臺），如果直接放外鏈的話，是統計不到數據的，所以需要先請求到自己后臺，然后重定向外鏈。2. 二維碼中鏈接如果太長，二維碼的點會很多，手機掃碼識別時間加長，需要設計短鏈接替換策略

1. vue前端

引用qrcode-lite包生成二維碼

import { toDataURL } from "qrcode-lite"
...
const longUrl = "http://h5.m.taobao.com/app/smg/index.html?a=1&b=2&c=3..."
this.shortUrl = this.getShortUrl(longUrl)  // 由長鏈接獲取短鏈接
const qrOption = {
    width: 200,
    margin: 1,
    quality: 0.3
}
this.getQrcodeImgURL(this.shortUrl, qrOption).then(url => {
    this.qrcodeImg = url
}).catch((err) => {
    console.log(`Create qrcode img failed, ${err}`)
})

2. laravel后臺

后臺主要實現3個功能，生成短鏈接、長鏈接的緩存和取用、重定向

public function shortUrl(Request $request)
    {
        $url = $request->input("long_url");
        if (!$url) {
            return response()->json([
                "code" => "-1",
                "message" => "The long_url is required!"
            ]);
        }

        $key =  Carbon::now()->timestamp; // 以當前時間戳作為緩存的key
      
        $expiresAt = Carbon::now()->addDays(10); // 短鏈接的有效時間為10天
        Cache::put($key, $url, $expiresAt);

        return response()->json([
            "code" => "0",
            "message" => "Success short the url",
            "data" => $key
        ]);
    }
    
 public function redirect($shortCode)
    {
        $key = $shortCode;
        if (!$key) {
            return view("common.error", [
                "errorTitle" => "掃碼錯誤",
                "errorMessage" => "二維碼錯誤,請跟管理員確認!"]);
        }

        $redirectUrl = Cache::get($key, "expiration");
        if ($redirectUrl == "expiration") {
            return view("common.error", [
                "errorTitle" => "掃碼錯誤",
                "errorMessage" => "二維碼過期,請重新生成二維碼后再掃碼!"]);
        }

        // 記錄埋點數據
        ...
        
        return redirect()->away($redirectUrl);
    }

云服務器 GPU云服務器埋點數據數據埋點無埋點數據 js 數據埋點

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/29206.html

資源集 - 收藏集 - 掘金

摘要：行爬取頂點全網任意小說掘金之前連續多篇文章介紹客戶端爬取平臺，今天我們從零開始，實現爬取頂點小說網任意一本小說的功能。文件標記所有文件我的后端書架后端掘金我的后端書架月前本書架主要針對后端開發與架構。 30行js爬取頂點全網任意小說 - 掘金之前連續多篇文章介紹客戶端爬取平臺(dspider)，今天我們從零開始，實現爬取頂點小說網任意一本小說的功能。如果你還不知道客戶端爬取，可以先看...

stdying 2019-07-25 12:06 評論0 收藏0
資源集 - 收藏集 - 掘金

摘要：行爬取頂點全網任意小說掘金之前連續多篇文章介紹客戶端爬取平臺，今天我們從零開始，實現爬取頂點小說網任意一本小說的功能。文件標記所有文件我的后端書架后端掘金我的后端書架月前本書架主要針對后端開發與架構。 30行js爬取頂點全網任意小說 - 掘金之前連續多篇文章介紹客戶端爬取平臺(dspider)，今天我們從零開始，實現爬取頂點小說網任意一本小說的功能。如果你還不知道客戶端爬取，可以先看...

馬忠志 2019-08-15 10:42 評論0 收藏0
說說微信掃碼登錄

摘要：詳情接口我們這里主要講的是網站應用，網站應用微信登錄是基于協議標準構建的微信授權登錄系統即上面的協議。在微信客戶端授權登錄獲取用戶信息的可以查看。微信授權登錄目前支持模式，適用于擁有端的應用授權。一、OAuth2.0 OAuth（開放授權）是一個開放標準，允許用戶讓第三方應用訪問該用戶在某一網站上存儲的私密的資源（如照片，視頻，聯系人列表），而無需將用戶名和密碼提供給第三方應用。 ...

Jokcy 2019-08-23 13:07 評論0 收藏0
來聊聊react-native應用的健康監控

監控什么今天我們來聊聊如何監控你的應用程序，這里的監控說的不是讓我們去監控用戶，而是監控應用的健康狀態，什么是健康狀態呢？對于后端的同學來說，在微服務的架構下，每個子服務是否正常工作、返回的結果是否滿足預期，這些就算是健康狀態，再舉個例子，你的臺式機，對于操作系統來說，每個硬件是否能正常的工作、工作的穩定性，這些都是需要關注的健康狀態。既然我們關心健康狀態，那么我們該如何衡量一個設備的健康狀態...

tunny 2019-08-22 16:03 評論0 收藏0