APICloud可以讓你開發變得很簡單
阿新 • • 發佈:2017-11-22
sta key class ucc 驗證 doctype status tex pid QQ登錄、分享怎麽做?相信APICloud可以讓你開發變得很簡單。這裏分享一個demo供大家參考。
1.使用模塊,先打開它的開發文檔http://www.apicloud.com/mod_detail/37360
添加模塊至APIcloud項目
2. 編譯自定義loader
3. 在騰訊開放平臺管理中心創建應用,提交審核,拿到appkey和appId
4. 在項目代碼中找到config.xml
添加代碼
<font face="微軟雅黑" size="3"><feature name="QQPlus">
<param name="urlScheme" value="" />
<param name="apiKey" value="" />
</feature></font>
復制代碼
5.拼接urlScheme和appkey
urlScheme =》tencent加上你的appId
Appkey =》appkey
填入第四步的位置
6. 可以在他的代碼裏邊找相應的方法代碼......
7.備註:騰訊開放平臺項目未審核通過,有些功能會出問題,分享操作先登錄,登錄先驗證安裝。
附圖:
代碼:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>QQ</title>
<link rel="stylesheet" type="text/css" href="../css/api.css" />
<link rel="stylesheet" type="text/css" href="../css/aui.css" />
</head>
<body>
<div class="aui-content-padded">
<p><div class="aui-btn aui-btn-primary aui-btn-block aui-btn-sm aui-margin-b-15" onclick="fnEvent(1)">檢測安裝</div></p>
<p><div class="aui-btn aui-btn-info aui-btn-block aui-btn-sm aui-margin-b-15" onclick="fnEvent(2)">QQ登錄</div></p>
<p><div class="aui-btn aui-btn-success aui-btn-block aui-btn-sm aui-margin-b-15" onclick="fnEvent(3)">獲取用戶信息</div></p>
<p><div class="aui-btn aui-btn-primary aui-btn-block aui-btn-sm aui-margin-b-15" onclick="fnEvent(4)">分享文本</div></p>
<p><div class="aui-btn aui-btn-primary aui-btn-block aui-btn-sm aui-margin-b-15" onclick="fnEvent(5)">分享圖片</div></p>
<p><div class="aui-btn aui-btn-primary aui-btn-block aui-btn-sm aui-margin-b-15" onclick="fnEvent(6)">分享新聞</div></p>
<p><div class="aui-btn aui-btn-primary aui-btn-block aui-btn-sm aui-margin-b-15" onclick="fnEvent(7)">分享音樂</div></p>
<p><div class="aui-btn aui-btn-primary aui-btn-block aui-btn-sm aui-margin-b-15" onclick="fnEvent(8)">分享視頻</div></p>
<p><div class="aui-btn aui-btn-primary aui-btn-block aui-btn-sm aui-margin-b-15" onclick="fnEvent(9)">分享說說</div></p>
</div>
</body>
< type="text/java" src="..//api.js"></>
< type="text/java">
apiready = function() {
qq = api.require(‘QQPlus‘);
};
function fnEvent(tag) {
switch (tag) {
case 1:
fnInstalled();
break;
case 2:
fnLogin();
break;
case 3:
fnGetUserInfo();
break;
case 4:
fnShareText();
break;
case 5:
fnShareImage();
break;
case 6:
fnShareNews();
break;
case 7:
fnShareMusic();
break;
case 8:
fnShareVideo();
break;
case 9:
fnShareMood();
break;
default:
break;
};
}
/**
* 檢測安裝
*/
function fnInstalled() {
qq.installed(function(ret, err) {
if (ret.status) {
api.toast({msg: "已安裝QQ"});
} else {
api.toast({msg: "沒安裝QQ"});
};
});
};
/**
* QQ登錄
*/
function fnLogin() {
qq.installed(function(ret, err) {
if (ret.status) {
qq.login(function(ret, err) {
if (ret.status) {
console.log("登錄成功");
console.log(JSON.stringify(ret));
} else {
console.log(JSON.stringify(err));
}
});
};
});
};
/**
* 獲取用戶信息
*/
function fnGetUserInfo() {
qq.getUserInfo(function(ret, err) {
if (ret.status) {
console.log(JSON.stringify(ret.info));
info = ret.info.replace(/[\\]/g,‘‘);
console.log(info);
} else {
console.log(JSON.stringify(err));
}
});
};
/**
* 分享文本
*/
function fnShareText() {
api.prompt({
title:"輸入要分享的文本",
buttons: [‘確定‘,"取消"]
}, function(ret, err) {
var index = ret.buttonIndex;
var text = ret.text;
console.log(index);
if(index != 1 ){
api.toast({msg:"用戶取消!"});
}else if(index == 1 && $api.trimAll(text) == ‘‘){
api.toast({msg:"請輸入分享內容"});
}else if(index == 1 && $api.trimAll(text) != ‘‘){
_fnShareText($api.trimAll(text));
}
});
function _fnShareText(text){
qq.shareText({
text: text
}, function(ret, err) {
if (ret.status) {
console.log("分享文本成功!");
console.log(JSON.stringify(ret));
} else {
console.log(JSON.stringify(err));
}
});
}
};
/**
* 分享圖片
*/
function fnShareImage() {
api.confirm({
title: ‘選項‘,
msg: ‘請選擇分享至‘,
buttons: [ ‘QQ好友‘,‘QQ空間‘]
}, function(ret, err) {
_fnShareImage(ret.buttonIndex);
});
function _fnShareImage(i) {
var type = [‘QZone‘, ‘QFriend‘];
qq.shareImage({
type: type[i],
imgPath: ‘widget://launch/launch1080x1920.png‘
}, function(ret, err) {
if (ret.status) {
console.log("分享圖片成功!");
console.log(JSON.stringify(ret));
} else {
console.log(JSON.stringify(err));
}
});
};
};
/**
* 分享新聞
*/
function fnShareNews() {
api.confirm({
title: ‘選項‘,
msg: ‘請選擇分享至‘,
buttons: [ ‘QQ好友‘,‘QQ空間‘]
}, function(ret, err) {
_fnShareNews(ret.buttonIndex);
});
function _fnShareNews(i) {
var type = [‘QZone‘, ‘QFriend‘];
qq.shareNews({
type: type[i],
url: ‘https://news.qq.com/a/20171108/029944.htm‘,
title: ‘攜程:被虐兒童為18至24個月幼兒 親子園明日停業‘,
deion: ‘攜程:被虐兒童為18至24個月幼兒 親子園明日停業‘,
imgUrl: ‘http://inews.gtimg.com/newsapp_bt/0/2264720095/641‘
}, function(ret, err) {
if (ret.status) {
console.log("分享新聞成功!");
console.log(JSON.stringify(ret));
} else {
console.log(JSON.stringify(err));
}
});
};
};
/**
* 分享音樂
*/
function fnShareMusic() {
api.confirm({
title: ‘選項‘,
msg: ‘請選擇分享至‘,
buttons: [ ‘QQ好友‘,‘QQ空間‘]
}, function(ret, err) {
_fnShareMusic(ret.buttonIndex);
});
function _fnShareMusic(i) {
var type = [‘QZone‘, ‘QFriend‘];
qq.shareMusic({
type: type[i],
audioUrl: ‘http://7xq864.com1.z0.glb.clouddn.com/apicloud/591bde468d4e44b21cc225b7b6e1129a.mp3‘,
targetUrl: ‘http://douban.fm/?start=8508g3c27g-3&cid=-3‘,
title: ‘桔子香水‘,
deion: ‘任賢齊‘,
imgUrl: ‘http://community.apicloud.com/bbs/uc_server/avatar.php?uid=441392&size=middle‘
}, function(ret, err) {
if (ret.status) {
console.log("分享音樂成功!");
} else {
console.log(JSON.stringify(err));
}
});
}
};
/**
* 分享視頻
*/
function fnShareVideo() {
qq.shareVideo({
videoUrl: ‘widget://image/APICloud.mp4‘
}, function(ret, err) {
if (ret.status) {
console.log("分享視頻成功!");
} else {
console.log(JSON.stringify(err));
}
});
}
/**
* 分享說說
*/
function fnShareMood() {
qq.shareMood({
summary: ‘測試分享說說‘,
imgUrls: [‘widget://icon/icon150x150.png‘]
}, function(ret, err) {
if (ret.status) {
console.log("分享說說成功!");
} else {
console.log(JSON.stringify(err));
}
});
}
</>
</html>
更多信息請關註https://www.apicloud.com
APICloud可以讓你開發變得很簡單