如何在嵌入APP中分享活动

功能介绍

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

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

流程示例 

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

注意事项

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

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

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

功能说明

参数示例

方式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
        });
  } 
});

相关文档

• 人人秀开放平台