接入案例 | Funpepper

U钻模式接入案例

index.html

<!doctype html>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
	<title>Uplive</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<script type="text/javascript" src="https://h.cdn.pengpengla.com/up/opengamejs/1.3.1/assets/seed.js"></script>
</head>
<body>
	<!--  coding -->
</body>
</html>

index.js


/**
 * 可以通过openSdk属性获取环境、设备、语言等基本信息。【加载SDK即可获得】
 * 1. 获取页面语言码，优先级：使用URL上携带的语言参数_lang > 浏览器系统语言。
 * 2. 获取当前游戏环境，使用URL上携带的环境参数env=pro或者env=stage
 */	
var lang = openSdk.envi.lang; // 当前游戏语言
var env = openSdk.envi.env; // 当前游戏环境


// 【必须】步骤1. 初始化SDK

openSdk.init({
	env: 'stage', 
   	client_id: 'CLIENT_ID',
   	game_id: 'GAME_ID',
   	mode: 'diamond'
});

// 【必须】步骤2. 进行oAuth授权

if (openSdk.url.query('code')) {
	// URL上有code，游戏方进行授权码流程，详细见：http://developers.funpepper.com/docs/oauth.html
	// 注意：code是一个临时授权码， 仅能使用一次且有效期十分钟，若code失效或异常，调用JSSDK重新获取code
} else {
	// 如果URL上没有code，调用JSSDK获取code
	openSdk.oauth({
		redirect_url: location.href, // 授权后游戏的回调地址，code会作为参数追加在回调地址中
	});
	return;
}

// 【必须】步骤3. 授权成功获取到open_id[用户在第三方应用中的标识]，上报数据，用于统计游戏PV、UV。

openSdk.ping({
	open_id: 'OPEN_ID',
});

// 【其他API】

金币模式接入案例

index.html

<!doctype html>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
	<title>Uplive</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<script type="text/javascript" src="https://h.cdn.pengpengla.com/up/opengamejs/1.3.1/assets/seed.js"></script>
</head>
<body>
	<!--  coding -->
</body>
</html>

index.js


/**
 * 可以通过openSdk属性获取环境、设备、语言等基本信息。【加载SDK即可获得】
 * 1. 获取页面语言码，优先级：使用URL上携带的语言参数_lang > 浏览器系统语言。
 * 2. 获取当前游戏环境，使用URL上携带的环境参数env=pro或者env=stage
 */	
var lang = openSdk.envi.lang; // 当前游戏语言
var env = openSdk.envi.env; // 当前游戏环境


// 【必须】步骤1. 初始化SDK

openSdk.init({
	env: 'stage', 
   	client_id: 'CLIENT_ID',
   	game_id: 'GAME_ID',
   	mode: 'gold'
});

// 【必须】步骤2. 进行oAuth授权

if (openSdk.url.query('code')) {
	// URL上有code，游戏方进行授权码流程，详细见：http://developers.funpepper.com/docs/oauth.html
	// 注意：code是一个临时授权码， 仅能使用一次且有效期十分钟，若code失效或异常，调用JSSDK重新获取code
} else {
	// 如果URL上没有code，调用JSSDK获取code
	openSdk.oauth({
		redirect_url: location.href, // 授权后游戏的回调地址，code会作为参数追加在回调地址中
	});
	return;
}

// 【必须】步骤3. 授权成功获取到open_id[用户在第三方应用中的标识]，上报数据，用于统计游戏PV、UV。

openSdk.ping({
	open_id: 'OPEN_ID',
});
// 【必须】步骤4. 授权成功获取到open_id[用户在第三方应用中的标识]，领取系统赠送的免费金币。
   
   	openSdk.receiveGold({
   		open_id: 'OPEN_ID',
           getGoldSuccess: function(){
               // success callback
              
           }
   	});

// 【其他API】

广告模式接入案例

index.html

<!doctype html>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
	<title>Uplive</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<script type="text/javascript" src="https://h.cdn.pengpengla.com/up/opengamejs/1.3.1/assets/seed.js"></script>
</head>
<body>
	<!--  coding -->
</body>
</html>

index.js


/**
 * 可以通过openSdk属性获取环境、设备、语言等基本信息。【加载SDK即可获得】
 * 1. 获取页面语言码，优先级：使用URL上携带的语言参数_lang > 浏览器系统语言。
 * 2. 获取当前游戏环境，使用URL上携带的环境参数env=pro或者env=stage
 */	
var lang = openSdk.envi.lang; // 当前游戏语言
var env = openSdk.envi.env; // 当前游戏环境

// 【必须】步骤1. 初始化SDK

openSdk.init({
	env: 'stage', 
   	client_id: 'CLIENT_ID',
   	game_id: 'GAME_ID',
   	mode: 'ad'  
});

// 【必须】步骤2. 进行oAuth授权

if (openSdk.url.query('code')) {
	// URL上有code，游戏方进行授权码流程，详细见：http://developers.funpepper.com/docs/oauth.html
	// 注意：code是一个临时授权码， 仅能使用一次且有效期十分钟，若code失效或异常，调用JSSDK重新获取code
} else {
	// 如果URL上没有code，调用JSSDK获取code
	openSdk.oauth({
		redirect_url: location.href, // 授权后游戏的回调地址，code会作为参数追加在回调地址中
	});
	return;
}

// 【必须】步骤3. 授权成功获取到open_id[用户在第三方应用中的标识]，上报数据，用于统计游戏PV、UV。

openSdk.ping({
	open_id: 'OPEN_ID',
});

// 步骤4. 展示开屏模式banner广告

openSdk.ads.showLandingVideo({
    start: function() {
        alert('点击进入游戏');
    }
});

// 步骤5. 奖励场景调用奖励广告

openSdk.ads.showRewardVideo({
    open_id: 'OPEN_ID', 
    success: function() {
        alert('激励广告观看成功，游戏服务器端可以给予用户对应的虚拟奖励')
    },
    close: function(status){
        if (status) {
            alert('激励广告观看成功之后关闭');
        } else {
            alert('激励广告未观看完就关闭');
        }
    },
    error: function() {
        alert('激励广告加载失败');
    }
});