-
10周年大促!注册即领300元优惠券
- 注册/登录
人人秀平台发布的活动,可以直接通过链接访问,也可以支持在APP中访问。可以通过嵌入的方式在APP内访问、直接参与活动,因人人秀活动采用多平台访问的技术架构和产品特性,在APP内参与活动,需要联系客服开通第三方授权接口功能,保证用户体系打通,构建用户唯一性机制。
如果APP内活动有获取分享信息需求,可根据提供的【活动分享接口桥】功能,再配合第三方APP自行对接开发,完成活动助力分享。
以拆礼盒活动微信APP分享活动流程示例,在自己APP内打开,使用嵌入webView方式访问活动。助力类活动需对接webview通信,传递活动分享参数、带参分享链接,来实现分享助力功能。
该功能只是提供了APP分享活动的解决方案,需要开发者对接开发支持功能。
需对接APP用户体系则联系客户客服,付费开通第三方授权接口功能;
该功能与其他高级功能,比如第三方授权,第三方发奖等接口复合功能组合使用时,可能在部分插件使用上存在兼容差别或不支持完整功能情况,属于二次开发功能,如发布活动需提前验证测试。
参数示例
参数名称 | 参数类型 | 说明 |
title | string | 活动分享标题 |
desc | string | 活动分享描述 |
image | string | 活动分享头图 |
url | string | 活动分享地址 |
对接步骤
该方式务必能能保证与webView进行JS全局对象通信。
在活动嵌入APP中,用户点击APP分享操作时主动获取人人秀提供的【活动分享接口桥】来实现获得活动分享信息,用于APP分享;
根据人人秀提供的【活动分享接口桥】获取活动分享链接参数,自己APP完成链接分享;
测试功能接口,调整参数验证活动功能是否正常。
页面逻辑示例
用户点击APP分享时,调用人人秀提供的【活动分享接口桥】
代码示意
onShareClick=function () {
//获取人人秀活动分享参数,
let shareInfo = window.RRXAPI.getShareInfo(); //获取【活动分享接口桥】
let shareTitle=shareInfo.title; // 获取分享标题
let shareDesc=shareInfo.desc; // 获取分享描述
let shareImage=shareInfo.image; // 获取分享头图
let shareUrl=shareInfo.url; // 获取分享链接
// 例如设置APP分享链接注册 内部APP逻辑
APP.setShareData({
title:shareTitle,
shareMemo:shareDesc
shareImage:shareImage
h5Url: shareUrl
});
// 打开选择分享人操作弹框
}
对接步骤
该方式务必能接收到webview,PostMessage事件消息;
在活动嵌入APP页面中,监听onMessage消息,人人秀活动在更新活动分享消息时,主动发送活动分享消息通知,需APP方自己对接接收消息;
根据人人秀提供的监听事件【RRXShareInfo】消息体,获取活动分享链接参数,自己APP完成链接分享;
测试功能接口,调整参数验证活动功能是否正常。
页面逻辑示例
在APP页面嵌入活动时,注册监听人人秀分享事件。
示意代码
// 推送消息
window.parent.postMessage({
action: "RRXShareInfo",
shareInfo:{
title:"分享标题", desc:"分享描述", image:"分享头图", url: "分享链接"
}
}, "*");
// 接收消息
window.addEventListener('message', function (e) { // 监听 message 事件
console.log(e.data); // 以H5网页为例,打印推送的数据 if(e.data.action === 'RRXShareInfo'){ // 识别人人秀分享事件 shareInfo= e.data.shareInfo; // 例如设置APP分享链接注册 内部APP逻辑 APP.setShareData({ title:shareInfo.title, shareMemo:shareInfo.desc shareImage:shareInfo.image h5Url: shareInfo.url }); } });