With the rapid development of the mobile Internet, WeChat mini programs have become increasingly popular in the field of mobile applications and have been widely used in many fields such as e-commerce, social networking, and tourism. In WeChat mini programs, the multi-platform sharing function has also become an important functional requirement. This article will introduce how to use PHP to implement the multi-platform sharing function in WeChat mini programs to help developers get started quickly.

1. What is multi-platform sharing of WeChat mini programs

Multi-platform sharing of WeChat mini programs means that users share the current page to different social platforms through WeChat mini programs to expand applications and content Spread scope. Currently, WeChat mini programs support sharing to WeChat friends, Moments, QQ friends, QQ space, Weibo and other social platforms.

2. Use of multi-platform sharing components

In the WeChat applet, you can use the officially provided multi-platform sharing component wx-share to realize the multi-platform sharing function. The following is the basic method of using the wx-share component:

1. Add the following code in the json configuration file of the page that needs to use the wx-share component:

"usingComponents": {
  "shareButton": "/components/shareButton/shareButton"
},

2. When you need to use wx -Add the following code to the wxml file of the share component page:

<shareButton class="share-btn" title="分享標題" imageUrl="/images/share-icon.png" path="/pages/index/index"></shareButton>

Among them, the class attribute is the custom style class name, title is the shared title, imageUrl is the shared image URL link, and path is the shared Page path.

3. In the custom component file shareButton of the multi-platform sharing component, add the following code:

Component({
  /**
   * 組件的方法列表
   */
  methods: {
    shareToWechatFriend: function() {
      wx.shareAppMessage({
        title: this.properties.title,
        imageUrl: this.properties.imageUrl,
        path: this.properties.path,
        success: function(res) {
          console.log(res)
        },
        fail: function(res) {
          console.log(res)
        }
      })
    },
    shareToWechatTimeline: function() {
      wx.showModal({
        title: '提示',
        content: '暫不支持分享到朋友圈',
      })
    },
    shareToQQ: function() {
      wx.showModal({
        title: '提示',
        content: '暫不支持分享到QQ好友',
      })
    },
    shareToQzone: function() {
      wx.showModal({
        title: '提示',
        content: '暫不支持分享到QQ空間',
      })
    },
    shareToWeibo: function() {
      wx.showModal({
        title: '提示',
        content: '暫不支持分享到微博',
      })
    }
  }
})

In the custom component file, multiple sharing methods are defined, respectively for sharing to different social platforms.

3. Use PHP to achieve multi-platform sharing

In the WeChat applet, since the data of the applet page is returned by the back-end server, PHP needs to be used to implement the multi-platform sharing function. The basic idea of ??realizing multi-platform sharing is: call the back-end server API in the front-end page of the mini program, pass the shared data to the back-end server, create multi-platform sharing data in the back-end server, and return the data to the mini program The front-end page realizes the multi-platform sharing function.

The specific implementation steps are as follows:

1. In the mini program front-end page, call the back-end server API and pass the sharing data, as shown below:

wx.request({
  url: 'https://example.com/api/share',
  data: {
    title: '分享標題',
    imageUrl: 'https://example.com/images/share-icon.png',
    path: '/pages/index/index'
  },
  success: function(res) {
    console.log(res.data)
  },
  fail: function(res) {
    console.log(res)
  }
})

Among them , the url is the address of the backend server API, and the data includes the shared title, image link and page path.

2. In the back-end server, receive the sharing data passed by the front-end page of the mini program and create data shared by multiple platforms. In PHP, you can use the following code to create WeChat friend sharing data:

function createWechatFriendShareData($title, $imageUrl, $path) {
  $shareData = array(
    'title' => $title,
    'imageUrl' => $imageUrl,
    'path' => $path,
    'success' => function($res) {
      echo json_encode(array('code' => 0, 'msg' => '分享成功'));
      exit;
    },
    'fail' => function($res) {
      echo json_encode(array('code' => -1, 'msg' => '分享失敗'));
      exit;
    }
  );
  return $shareData;
}

3. In the back-end server, return the created multi-platform sharing data to the mini program front-end page. In PHP, you can use the following code to return data:

echo json_encode(array('code' => 0, 'msg' => '請求成功', 'data' => $shareData));

4. In the success callback function of the mini program's front-end page, display the multi-platform sharing interface based on the data returned by the back-end server. As shown below:

success: function(res) {
  var shareData = res.data.data;
  wx.showActionSheet({
    itemList: ['分享給微信好友', '分享到微信朋友圈'],
    success: function(res) {
      if (res.tapIndex == 0) {
        wx.shareAppMessage(shareData);
      } else if (res.tapIndex == 1) {
        wx.showModal({
          title: '提示',
          content: '暫不支持分享到朋友圈',
        })
      }
    },
    fail: function(res) {
      console.log(res)
    }
  })
},

In this way, you can use PHP to realize the multi-platform sharing function.

IV. Summary

This article introduces how to use PHP to implement the multi-platform sharing function in the WeChat applet, including the use of multi-platform sharing components and the implementation method of PHP. Through the introduction of this article, I believe that developers have understood the steps to implement the multi-platform sharing function, and can adjust and optimize it according to their own needs.

The above is the detailed content of How to use PHP to implement multi-platform sharing in WeChat mini programs. For more information, please follow other related articles on the PHP Chinese website!