【Uniapp】支付链转二维码

前言

---

提示：这个是一个很小的项目，大概30分钟就能搞定

实现方式：输入支付代码，存储到对应的数据库表中，二维码访问一个PHP文件通过id来进行重定向，这样就可以使每张二维码都是固定的，替换二维码内容也只需改数据库的即可

---

提示：以下代码需要导入B-ui插件，或者在页面顶部直接下载资源即可

一、设计UI界面

index.vue

qrcode.vue

二、设计数据库

---

三、设计接口

列表接口

固定位置在数据库即可，前端刷新出来通过id进行操作

get_list.php
query($query);

// 检查查询结果是否成功
if (!$result) {
    die(
        json_encode(
            array(
                'code' => 500,
                'msg' => '查询失败',
            ),
            JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT
        )
    );
}

// 将查询结果转换为关联数组
$data = array();
while ($row = mysqli_fetch_assoc($result)) {
    $data[] = $row;
}

// 释放查询结果资源
mysqli_free_result($result);

// 输出JSON格式的数据
die(
    json_encode(
        array(
            'code' => 200,
            'data' => $data,
            'msg' => '查询成功',
        ),
        JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT
    )
);
?>

数据更新接口

既然要实现，不更改二维码替换内容，那数据库的数据需要改变，就不得不弄一个能修改的操作

update.php
query($sql);
     die(
        json_encode(
            array(
            'code' => 200,
            'msg' => '更改成功'
        ),480)
);
} else {
   die(
        json_encode(
            array(
            'code' => 100,
            'msg' => '请求失败'
        ),480)
);
}

四、设计重定向访问页面

上述工作都做完了，现在就差重定向页面。什么是重定向？

重定向是指将一个网页、URL或文件请求从一个位置转发到另一个位置的过程。在互联网和计算机领域，重定向是一种常见的技术，用于将用户从一个网址或链接导向到另一个网址或链接。

重定向通常有两种类型：

1. 服务器端重定向：当用户访问一个网页或URL时，服务器会检测到这个请求，并根据预先设定的规则，将用户的请求从原始网址转发到新的目标网址。这个过程是在服务器端完成的，用户通常无法察觉到重定向的发生。服务器端重定向是通过HTTP状态码实现的，如301永久重定向、302临时重定向等。
2. 客户端重定向：这种重定向是通过网页上的特定代码（通常是JavaScript或HTML的标签）来实现的。当用户访问一个网页时，网页上的代码会检测到用户的请求，并将用户自动导向到新的目标网址。客户端重定向可以通过页面刷新或页面跳转来实现。
   重定向在网站管理和维护中有多种用途。一些常见的应用包括：
3. 网址更改：当网站的URL发生变化时，可以使用重定向将原始URL导向到新的URL，以确保用户仍能够访问到所需内容。
4. 域名重定向：当网站的域名更改或网站需要多个域名来访问时，可以使用重定向将用户从一个域名导向到另一个域名。
5. 错误页面处理：当用户访问一个不存在的页面或出现错误时，可以使用重定向将用户引导到一个有效的页面，或者返回一个合适的错误信息。
6. 流量管理：通过重定向，网站管理员可以控制特定页面的访问量，将用户导向不同的内容或服务。

总之，重定向是一种有用的技术，能够为网站提供更好的用户体验和更有效的管理，可实现域名跳转。

我们通过对二维码的设置使每个栏位根据id来生成二维码，通过传递id给重定向文件，然后重定向文件去数据库查询最新的URL来实现跳转

onLoad(options) {
		let that = this;
		that.val="https://******/location.php?id="+options.path
	   
	},

location.php
query($query);

if ($result->num_rows > 0) {
    // If at least one row is found, extract the id
    $row = $result->fetch_assoc();
    $url = $row['url'];
    $redirect_url = $url;
    // 执行重定向
    header("Location: " . $redirect_url);
} else {
    // If no data is found, display a message
    echo "没有数据";
}

// Don't forget to close the database connection after using it
$conn->close();
exit();
   



} else {
 die("参数不合法");
}


?>

四、解决跨域问题

第一步

打开manifest.json，勾选Https等其他如图

第二步

替换所有的域名http为https

第三步

服务端配置SSL证书，设置为强制

总结

以上就是今天记录的内容，本次项目很简单，是一个新手练手的项目，重定向解决办法就是保持协议一致，你也可以不按我的来，只要统一即可

希望你能喜欢我的其他作品
《记一次云之家签到抓包》
《记一次视频抓包m3u8解密过程》
《抓包部分软件时无网络+过代理检测 解决办法 安卓黄鸟httpcanary+vmos》
《Python】记录抓包分析自动领取芝麻HTTP每日免费IP（成品+教程）》
《某课抓包视频 安卓手机：黄鸟+某课app+VirtualXposed虚拟框架》

推荐专栏：

《Python爬虫脚本项目实战》

该专栏往期文章：
《【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码（过Authorization认证）》

如果感觉看完文章还不过瘾，欢迎查看我的其它专栏
作者对python有很大的兴趣，完成过很多独立的项目：例如滇医通等等脚本，但是由于版权的原因下架了，爬虫这一类审核比较严谨，稍有不慎就侵权违规了，所以在保证质量的同时会对文章进行筛选

如果您对爬虫感兴趣请收藏或者订阅该专栏哦《Python爬虫脚本项目实战》，如果你有项目欢迎联系我，我会同步教程到本专栏！

Python爬虫项目实战系列文章！！
⭐⭐欢迎订阅⭐⭐

【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码（过Authorization认证）
【Python爬虫项目实战二】Chatgpt还原验证算法-解密某宝伪知网数据接口

⭐⭐欢迎订阅⭐⭐

Python爬虫脚本项目实战