How to Develop AR Experiences for WeChat Mini Programs Using PHP

With the rise of AR technology, developers want to add AR experiences to WeChat Mini Programs. This guide outlines the prerequisites, including installing the WeChat DevTools, having server experience, and obtaining an appid.

It then describes setting up a PHP web server (Apache/Nginx), creating an "ar" folder with proper permissions, and writing a PHP script to receive and store uploaded AR images. The example code shows how to handle the file upload and return the image URL as JSON.

//接受小程序上传的AR资源图片并保存
if(isset($_FILES['ar_image']) && $_FILES['ar_image']['error'] == 0){
    $file_name = $_FILES['ar_image']['name'];
    $tmp_name = $_FILES['ar_image']['tmp_name'];
    move_uploaded_file($tmp_name, 'ar/' . $file_name);
    //保存成功后，返回文件的URL给小程序
    echo json_encode(array('url' => 'https://yourdomain.com/ar/' . $file_name));
}

Next, the article explains how to enable the AR plugin in the Mini Program by adding a plugin entry to app.json and inserting the <ar> component in pages. It provides the JSON configuration and component markup.

{
  "plugins": {
    "AR CofPXGI3b7it8nyLeixtbpw61zAsA": {
      "version": "1.0.0",
      "provider": "wx7ajjjhhha5y4470332138@"
    }
  }
}

<ar wx:if="{{arPluginLoaded}}" bind:aRendernodeused="onARRenderNodeUsed"></ar>

Finally, JavaScript code demonstrates loading the plugin, handling the onARRenderNodeUsed event, uploading the AR image to the server, and processing the returned URL. The guide reminds developers to replace placeholder URLs with their own server addresses and to consider security.

By following these steps, developers can create AR-enabled WeChat Mini Programs using PHP for backend processing.