How to use PHP to develop the cloud storage function of WeChat applet?

How to use PHP to develop the cloud storage function of WeChat applet?

With the popularity and use of WeChat mini programs, developers often encounter problems with file storage and management when building function-rich mini programs. Fortunately, WeChat applet provides cloud storage function, which makes it convenient for developers to store files on the cloud and manage them through PHP. This article will introduce in detail how to use PHP to develop the cloud storage function of WeChat applet and provide specific code examples.

Step 1: Enable cloud development function
First, you need to turn on the cloud development function in WeChat developer tools. In the root directory of the mini program project, find and open the "project.config.json" file, and add the following code:

{
  "appid": "你的小程序 APPID",
  "projectname": "你的小程序名称",
  "description": "你的小程序描述",
  "appid": "你的小程序 APPID",
  "cloudfunctionRoot": "cloudfunctions/",
  "setting": {
    "urlCheck": true,
    "es6": true,
    "postcss": true,
    "minified": true,
    "newFeature": true
  },
  "cloudfunctionRoot": "cloudfunctions/"
}

Step 2: Set up the mini program cloud environment
In the "cloud development" of the mini program ” interface, click the “Activate” button to activate the cloud development function. Then, set up a cloud environment for the applet. In the "Environment Settings" of the cloud development interface, click "New Environment", enter the environment name, and click "OK".

Step 3: Set up the PHP server
In the development and testing process, we can use the local PHP environment for debugging. First, make sure you have a PHP environment and MySQL or other database installed on your computer. Next, you need to create a new PHP file to handle the cloud storage function of the mini program. Let’s take file upload as an example.

Create a new file "upload.php" and add the following code:

<?php
// 从微信小程序的请求中获取到文件临时地址并且上传至云存储
function uploadFile($file_temp, $cloud_path){
    // 替换为你的云环境 ID 和 Secret
    $secret_id = "your_secret_id";
    $secret_key = "your_secret_key";
    $env = "your_environment";
    
    // 获取文件扩展名
    $ext = pathinfo($file_temp, PATHINFO_EXTENSION);
    
    // 随机生成文件名
    $filename = time() . mt_rand(1, 1000) . '.' . $ext;
    
    // 设置云存储路径
    $cloud_file_path = $env . '/' . $cloud_path . '/' . $filename;
    
    // 先上传至临时文件夹
    $tmp_path = './tmp/' . $filename;
    move_uploaded_file($file_temp, $tmp_path);
    
    // 配置cos sdk
    require_once "./sdk/cos-php-sdk-v5/vendor/autoload.php";
    use QcloudCosClient;
    
    $cosClient = new Client([
        'region' => 'ap-guangzhou',
        'credentials' => [
            'secretId' => $secret_id,
            'secretKey' => $secret_key
        ]
    ]);
    
    // 上传到云存储
    $result = $cosClient->Upload(
        $config['Bucket'],
        $cloud_file_path,
        fopen($tmp_path, 'rb')
    );
    
    // 删除本地临时文件
    unlink($file_temp);
    unlink($tmp_path);
    
    return $cloud_file_path;
}

// 获取微信小程序上传的文件临时地址
$file_temp = $_FILES['file']['tmp_name'];

// 定义云存储路径（例如：/images）
$cloud_path = "images";

// 调用上传函数
$result = uploadFile($file_temp, $cloud_path);

// 返回云存储文件的地址给小程序
echo json_encode(array('fileUrl' => $result));
?>

Upload the PHP file to your PHP server and ensure that the server URL can be accessed by the mini program.

Step 4: Call the PHP interface in the mini program
In the mini program page that needs to use the cloud storage function, add the following code:

// 点击上传按钮
wx.chooseImage({
  success: function(res) {
    var tempFilePaths = res.tempFilePaths;
    
    // 根据实际情况配置你的服务器地址
    var serverUrl = "http://your_server_url/upload.php";
    
    // 上传文件至服务器
    wx.uploadFile({
      url: serverUrl,
      filePath: tempFilePaths[0],
      name: 'file',
      success: function(res) {
        var data = JSON.parse(res.data);
        var fileUrl = data.fileUrl;
        
        // 在此处可将文件URL保存至云数据库或进行其他操作
      }
    })
  }
})

In the above code, we use wx.chooseImage Select an image from the photo album and use wx.uploadFile to upload the selected file to our PHP server. After the server completes processing, it returns the cloud storage file address to the applet.

So far, we have successfully implemented the cloud storage function of using PHP to develop WeChat applet. Through cloud storage, we can easily save the files generated in the mini program in the cloud and implement more file management functions. I hope this article can help you use the cloud storage function when developing WeChat applet.

The above is the detailed content of How to use PHP to develop the cloud storage function of WeChat applet?. For more information, please follow other related articles on the PHP Chinese website!