移动端页面分享

分享

微信小程序

onShareAppMessage（uni-app页面生命周期函数）

• 用户点击分享按钮的时候会调用，这个分享按钮可以是小程序右上角原生菜单自带的分享按钮，也可以是开发者在页面中放置的分享按钮。
• 此事件需要 return 一个 object，用于自定义分享内容。

注：微信平台的分享管理比较严格，请参考小程序分享指引

此事件需要 return 一个 object，用于自定义分享内容，其常用内容如下：

参数名	类型	必填	说明
title	String	是	分享标题
path	String	是	页面path，必须是以 / 开头的完整路径
imageUrl	String	否	分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径，支持png和jpg，显示图片长宽比是5:4
desc	String	否	自定义分享描述
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

例如：

export default {
    // #ifdef MP
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function() {
        return {
            title: this.storeInfo.store_name || '',
            imageUrl: this.storeInfo.image || '',
            path: '/pages/goods_details/index?id=' + this.id + '&spid=' + this.uid
        };
    }
    // #endif
};

微信公众号分享

js-sdk

在uni-app中可以使用模块方式引用微信js-sdk，微信官网直接下载的使用有问题，可以使用jweixin-module。

安装

• npm安装方式

npm install jweixin-module --save

• 下载使用方式 下载地址：https://unpkg.com/[email protected]/lib/index.js

使用

var jweixin = require('jweixin-module')  
jweixin.ready(function(){  
    // TODO  
});

完整API 微信JS-SDK说明文档