uni-app小程序分享onShareAppMessage总结

雨点打透心脏的1/2处 2023-01-21 03:28 36阅读 0赞

### 微信小程序中调用uni.showShareMenu没有显示分享按钮 ###

第一种

onReady(){
        wx.showShareMenu({
            withShareTicket: true
        });
        // 或者
        // uni.showShareMenu({
        //   withShareTicket: true,
        // });
    }

第二种

<button class="share-btn" open-type="share" @click="wx_share">立即分享事件</button>
    
    // 通过按钮open-type打开分享只能朋友分享，目前版本暂不支持朋友圈分享
    wx_share(){
        wx.showShareMenu();
    }

### 没有显示发送朋友圈按钮 ###

注意：隐藏按钮两种情况

1：发送朋友圈与发送朋友都隐藏

2：发送朋友圈隐藏

wx.showShareMenu({
          withShareTicket: true,
          menus: ["shareAppMessage", "shareTimeline"],// 发送朋友，发送朋友圈
     });

### 小程序的原生菜单中隐藏分享按钮 ###

onLoad(options) {
        uni.hideShareMenu();
        //wx.hideShareMenu({
        //  menus: ['shareAppMessage', 'shareTimeline']
        //})
      },

### uniapp通过mixin隐藏所有页面右上角分享按钮 ###

//main.js
    // #ifdef MP
    	Vue.mixin({
    	  onLoad: function () {
    		wx.hideShareMenu();
    	  }
    	})
    // #endif

### 添加生命周期函数就生效，可以自定义 ###

**   注意：只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮，需要配合 menus: \["shareAppMessage", "shareTimeline"\]**

onLoad(){},
    
    /*
     * uniapp微信小程序分享页面到微信好友
    */
    onShareAppMessage() {
        return {
          title: `分享朋友：${this.summary}`,
          imageUrl: this.logoUrl,
          success: function (res) {
            console.log("success22:" + JSON.stringify(res));
          },
          fail: function (err) {
            console.log("fail22:" + JSON.stringify(err));
          },
        };
    },
    
    /*
     * uniapp微信小程序分享页面到微信朋友圈
    */
    onShareTimeline() {
        return {
          title: `分享朋友：${this.summary}`,
          imageUrl: this.logoUrl,
          success: function (res) {
            console.log("success22:" + JSON.stringify(res));
          },
          fail: function (err) {
            console.log("fail22:" + JSON.stringify(err));
          },
        };
    },

### 小程序分享时触发onShareAppMessage如何获取参数 => Promise ###

onShareAppMessage() {
        const promise = new Promise(resolve => {
          setTimeout(() => {
            resolve({
              title: '自定义转发标题'
            })
          }, 2000)
        })
        return {
          title: '自定义转发标题',
          path: '/page/user?id=123',
          promise 
        }
      }

### 分享图片： ###

分享图片 ***imageUrl*** 在页面 ***onload*** 就请求好图片资源，按照 ***5:4*** 得长宽比，大小 ***20k*** 内的网络图