如何实现微信小程序的自定义分享？

微信小程序已经沦为了许多企业、个人开展业务和推展的门户，其中最重要的功能之一就是互动。通过互动，可以将小程序产品或服务所推荐给更多的潜在用户。但是预设的微信互动功能功能并无法满足用户所有的市场需求，如何同时实现微信小程序的自定义互动呢？以下就是一些常见问题及其解决方案。

问题一：如何自定义微信小程序互动标题和叙述？

解决方案：

首先，须要在小程序的app.json中设置“onShareAppMessage”反弹，这个反弹可以在用户页面互动按钮时被调用。当用户页面互动时，小程序可以从反弹中以获取互动信息。在反弹中，可以设置互动标题、叙述和须要互动的路径。

下面就是一个示例代码：

Page({

onShareAppMessage: function() {

return {

title: '自定义互动标题',

desc: '自定义互动叙述',

path: '/pages/index/index'

}

}

})

须要特别注意的就是，互动的路径必须为小程序中尚无的页面路径，且无法拎参数。如果想在互动路径中带参数，可以采用encodeURIComponent去对参数展开编码。

问题二：如何自定义微信小程序互动的图片？

解决方案：

除了互动标题和叙述，很多企业和个人也期望能自定义互动图片，以便更好地宣传产品或服务。微信小程序提供更多了一个“onShareTimeline”反弹，可以用作自定义互动至朋友圈的图片。

下面就是一个示例代码：

Page({

onShareTimeline: function() {

return {

title: '自定义互动标题',

imageUrl: '/images/share.png'

}

}

})

须要特别注意的就是，互动至朋友圈的图片大小无法少于32K，且必须就是已通过审查的图片。

问题三：如何在微信小程序互动时加之来源标识？

解决方案：

有些企业或个人想在微信小程序互动时加之来源标识，以便追踪互动来源或展开数据分析。可以在小程序的路径中带query参数去同时实现。

示例代码：

Page({

onShareAppMessage: function() {

return {

title: '自定义互动标题',

desc: '自定义互动叙述',

path: '/pages/index/index?from=share'

}

}

})

在这个示例代码中，query参数“from”被设置为“share”，代表这就是通过互动渠道步入小程序的用户。在后端接到这个参数后，可以对互动数据展开统计数据或分析。

问题四：如何处置微信小程序互动失利的情况？

解决方案：

有时候互动可能会因为网络原因或其他问题而失利，这时候须要在反弹中处置互动失利的情况。

示例代码：

Page({

onShareAppMessage: function() {

return {

title: '自定义互动标题',

desc: '自定义互动叙述',

path: '/pages/index/index',

fail: function() {

console.log('互动失利')

}

}

}

})

在这个示例代码中，当互动失利时会在控制器输入“互动失利”。可以根据实际情况挑选具体内容的处理方式。

综上所述，同时实现微信小程序的自定义互动须要设置“onShareAppMessage”和“onShareTimeline”反弹，并在反弹中设置自定义的互动信息。同时可以通过query参数去标识互动来源。在反弹中还须要处置互动失利的情况。