uni-app咨询：关于从阿里云迁移到支付宝云后用户主页场景的问题，包含用户发布的带图片或视频的文章

发布于 1周前 作者 h691938207 来自 Uni-App

uni-app咨询：关于从阿里云迁移到支付宝云后用户主页场景的问题，包含用户发布的带图片或视频的文章

问题描述

咨询各位一个关于从阿里云迁移到支付宝云后的问题，这里有一个用户主页场景，里面有用户发布的文章，带有图片或视频，由于支付宝云上传图片时只返回图片的ID，通过getTempFileURL获取到文件的临时链接，这里我用的for循环来获取，如果全是在支付宝云上的文件就没问题，可以正常获取出来，但会有延迟，总是其他非图片数据加载出来后，图片或视频过一两秒后才会被加载显示出来，因为是刚从阿里云转过来，所以就有另外一个问题，有部分图片或视频是在以前的阿里云上，所以得区分，例如：一个用户发布的文章，以前发布的文章图片或视频是存在阿里云上的，现在发布的存在了支付宝云上，那在通过for循环获取文件的临时链接时就必然需要做出筛选，所以我这边就用一个时间戳来对比文章发布的时间戳作为区分，但这样就又有一个新的问题，会乱，如一个用户主页有【a、b、c、d】四篇文章，其中【c、d】是迁移后发布的文章，需要获取临时链接，【a、b】不用，在for循环时，在getTempFileURL前，打印需要获取的临时链接的数据是正确的【c、d】，但getTempFileURL后就乱了，就变成【a、b】了，这咋解决啊，能不能有什么方法直接在template中获取，虽然可以在图片或视频保存到数据库前就转成永久链接保存，但是为了安全还是不想这样做，求大神指点一下，另外支付宝云是不是不能使用res.affectedDocs这个功能来查询记录集的数量，一使用就会报“语法或逻辑错误”，有没有什么可以代替的，求大神指点一下，谢谢啦


Harmonyos Next教程
1 回复

在将uni-app应用从阿里云迁移到支付宝云的过程中，针对用户主页场景，特别是包含用户发布的带图片或视频的文章，我们需要确保数据的无缝迁移和访问的无缝切换。以下是一个简化的代码案例，展示如何在迁移过程中处理用户发布的内容，包括图片和视频的访问。

数据迁移准备

首先，确保在阿里云和支付宝云上都创建了相应的存储服务（如OSS和COS），并配置好相应的访问权限。

代码示例

1. 配置环境变量

在manifest.json中配置不同环境的访问域名和存储服务地址：

"mp-alipay": {
    "env": {
        "ALIYUN_OSS_URL": "https://your-aliyun-oss-bucket.oss-cn-hangzhou.aliyuncs.com",
        "ALIPAY_COS_URL": "https://your-alipay-cos-bucket.cos.cn-hangzhou.myqcloud.com"
    }
}

2. 获取当前环境配置

在代码中根据运行环境获取对应的存储服务地址：

const getStorageUrl = () => {
    const env = uni.getSystemInfoSync().platform;
    if (env.includes('alipay')) {
        return uni.getStorageSync('ALIPAY_COS_URL') || 'https://default-alipay-cos-bucket.cos.cn-hangzhou.myqcloud.com';
    } else {
        return uni.getStorageSync('ALIYUN_OSS_URL') || 'https://default-aliyun-oss-bucket.oss-cn-hangzhou.aliyuncs.com';
    }
};

3. 展示用户发布的内容

在用户主页展示内容时，根据存储服务地址构建图片和视频的URL：

const displayUserContent = (userId) => {
    uni.request({
        url: `${getStorageUrl()}/user/${userId}/posts`,
        method: 'GET',
        success: (res) => {
            res.data.posts.forEach(post => {
                const imageUrl = `${getStorageUrl()}/${post.imageKey}`;
                const videoUrl = `${getStorageUrl()}/${post.videoKey}`;

                // 使用uni-app的组件展示图片和视频
                const imageElement = `<image src="${imageUrl}" mode="widthFix"></image>`;
                const videoElement = `<video src="${videoUrl}" controls></video>`;

                // 将元素插入到页面中
                // 假设有一个容器用于展示内容 #content-container
                document.getElementById('content-container').innerHTML += imageElement + videoElement;
            });
        }
    });
};

注意事项

  • 确保在迁移前对阿里云上的数据进行完整备份。
  • 在迁移过程中，可能需要在两个云存储服务之间同步数据，这可以通过编写脚本或使用云服务商提供的数据迁移工具完成。
  • 迁移后，进行充分的测试，确保所有功能，特别是涉及图片和视频访问的功能，都能正常工作。

以上代码案例提供了一个基本的框架，具体实现可能需要根据实际情况进行调整。

回到顶部