借助内嵌集成，您可以将PartnerShare邀请返现系统直接嵌入到自己的系统中，无需用户跳转到外部页面，为用户提供更加无缝、流畅的体验

授权登录

1、前端引入JS SDK

https://seller.partnershare.net/sdk.js

// 建议在头部引入
<head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://seller.partnershare.net/sdk.js"></script>

</head>

2、嵌入iframe展示推广者地址

地址： https://www.partnershare.net/product/xxx (产品ID)

URL参数： hideHead=1 （隐藏推广者页面头部导航栏）

<iframe  src="https://www.partnershare.net/product/xxx (产品ID)?hideHead=1"></iframe>

3、校验登录状态

在SDK加载后，您需要使用checkLogin() 方法对当前的登录状态进行校验，以避免登录失效。在SDK校验未完成前，建议先隐藏邀请返现的菜单，待登录状态校验通过后再显示邀请返现菜单，以确保用户体验。

window.PartnerShareIntegration.checkLogin().then(check=>{
    console.log(check)
    //  登录状态有效 返回 true,  未登录或登录失效返回 false
    if(!check){
        // 进行授权登录
    }else{
        // 显示邀请返现菜单
        document.getElementById("InvitationRecurrenceMenu").style.display = 'list-item'
    }
})

4、授权登录

如果登录状态校验未通过，接下来需要进行授权登录。首先，您需要通过请求自己的后台接口获取授权信息（具体方式可参考无感登录说明）。获取到授权信息后，再将其传入SDK的 login()方法中。

下面是完整的登录授权示例代码：

// 校验登录状态
window.PartnerShareIntegration.checkLogin().then(check=>{
    console.log(check)
    //  登录状态有效 返回 true,  未登录或登录失效返回 false
    if(!check){
        // 请求自己的后端拿到授权信息 
        homeApi.getSecret().then(res => {
            // 向SDK传入授权信息
            window.PartnerShareIntegration.login({
                user_id: res.data.user_id, //必传  用户ID
                product_id: res.data.product_id, //必传  产品ID
                secret  : res.data.secret, //必传 授权码
                email : '', // 用户申请的邮箱
                notification_email : '', // 用户接收通知的邮箱
                timestamp: '', // 时间戳,
                name: '', // 用户名
                lang: '', // 语言
                group_id: "", // 分组id
                theme_mode:"light" //主题模式控制 浅色light,深色dark
            }).then((res:any)=>{
                console.log(res)
                 // 返回为 'success' 表述授权成功，否则为失败
                if(res == 'success'){
                     //  显示邀请返现的菜单
                    document.getElementById("InvitationRecurrenceMenu").style.display = 'list-item'
                }
            }).catch((err:any)=>{
                // 授权失败
                console.log(err)
            })
        })
    }else{
        // 显示邀请返现的菜单
        document.getElementById("InvitationRecurrenceMenu").style.display = 'list-item'
    }
})

5、退出登录

如果后台用户账号退出或切换，需要同步调用SDK的退出方法，清除登录状态。

退出后 window.PartnerShareIntegration.checkLogin() 校验将返回false状态。

// 退出登录
window.PartnerShareIntegration.logout()

页面加载

只有完成授权登录才能让用户点击邀请返现的页面进行加载。在用户点击菜单后，您可以使用iframe嵌套页面进行加载，具体的页面路径和参数如下所示。

产品页面地址： https://www.partnershare.net/product/你的产品ID/【tabname】

参数	值	说明
tabNmae	overview （概览） link（链接） report（报表） reward（奖励） withdrawal（提现） resources（资源）	用于指定需要显示的页面Tab
hideHead	1	隐藏头部导航，传 1 进行隐藏
hideMenu	1	隐藏左边菜单，传 1 进行隐藏
hidePersonal	1	隐藏个人中心，传 1 进行隐藏

示例： https://www.partnershare.net/product/你的产品ID/resources?hideHead=1

文章图片

其它