二维码扫码数据埋点的代码实现

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了二维码扫码数据埋点的代码实现，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1860字，纯文字阅读大概需要3分钟。

内容图文

本篇文章给大家带来的内容是关于二维码扫码数据埋点的代码实现，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

项目中遇到的问题：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);
    }

相关文章推荐：

二维码登录如何使用？总结二维码登录实例用法

二维码在线生成图片PHP源代码

以上就是二维码扫码数据埋点的代码实现的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的二维码扫码数据埋点的代码实现全部内容，希望文章能够帮你解决二维码扫码数据埋点的代码实现所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---