帮助中心  /  如何在嵌入APP中分享活动

如何在嵌入APP中分享活动

功能介绍

  人人秀平台发布的活动,可以直接通过链接访问,也可以支持在APP中访问。可以通过嵌入的方式在APP内访问、直接参与活动,因人人秀活动采用多平台访问的技术架构和产品特性,在APP内参与活动,需要联系客服开通第三方授权接口功能,保证用户体系打通,构建用户唯一性机制。

   如果APP内活动有获取分享信息需求,可根据提供的【活动分享接口桥】功能,再配合第三方APP自行对接开发,完成活动助力分享。

流程示例 

  以拆礼盒活动微信APP分享活动流程示例,在自己APP内打开,使用嵌入webView方式访问活动。助力类活动需对接webview通信,传递活动分享参数、带参分享链接,来实现分享助力功能。

image.png

  

注意事项

  • 该功能只是提供了APP分享活动的解决方案,需要开发者对接开发支持功能

  • 需对接APP用户体系则联系客户客服,付费开通第三方授权接口功能;

  • 该功能与其他高级功能,比如第三方授权,第三方发奖等接口复合功能组合使用时,可能在部分插件使用上存在兼容差别或不支持完整功能情况,属于二次开发功能,如发布活动需提前验证测试


功能说明

参数示例

参数名称

参数类型说明
titlestring活动分享标题
descstring活动分享描述
imagestring活动分享头图
urlstring活动分享地址


方式1 - 活动分享接口桥


对接步骤

  • 该方式务必能能保证与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

});

// 打开选择分享人操作弹框

}



方式2 - 监听事件


对接步骤

  • 该方式务必能接收到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
        });
  } 
});



相关文档