cocos-creator使用记录14_从web服务器获得分享图信息

本文档记录了使用Cocos Creator从Web服务器获取并处理分享图信息的步骤,包括搭建转发服务器、请求分享图API、设置微信开发者工具,并展示了如何在Cocos Creator项目中实现分享功能。
摘要由CSDN通过智能技术生成
1.流程
1.1.搭建一个可以转发http的服务器
要注意:这个服务器要可以被跨域访问,设置一下header就行,如何设置,自行探索。 
过程: 
(1)客户端请求该转发服务器,并把要获取的资源链接当参数传过去; 
(2)转发服务器收到请求之后解析一下参数,把资源链接提取出来,直接请求资源链接; 
(3)资源链接返回的数据给转发服务器; 
(4)转发服务器把收到的资源数据原封不动返回给客户端。 
1.2.获取分享图数据,将分享语和图片url赋值给微信函数


2.请求分享图服务器给出的API        
URL:https://www.mysite.net/common/game/share_list?app_name=run        
参数:app_name 指每个游戏唯一标识,英文数字下划线
返回:        
{
"code":0,
"msg":"\u6210\u529f", //成功
"data":{
"list":[ //会有多条数据
{
"id":"2",
"appName":"run", //游戏唯一标识
"image":"http:\/\/static.mysite.cn\/wxgame\/share\/201805\/Rw8FchPdz2EAQmZ2.png",
"position":"1", //位置:1.发起挑战,2.群分享续命,3.普通分享,4.分享得金币',5.胜利炫耀,6.分享成绩,7.查看群分享 
"title":"\u54c8\u54c8\u54c8", //分享文字
"weight":"1", //权重(当有多个同类可选择时,按权重随机)
"status":"0",
"createdAt":"1525343079",
"updatedAt":"1525433841"
}
...
]
}
}


3.客户端实例
这里以我的项目2048为例。
3.1.登陆微信公众平台注册https://www.mysite.net
在“设置”/“开发设置”页面中,设置服务器域名如下
request合法域名:https://www.mysite.net
若不设置,在微信开发者工具中会报错。


3.2.获得分享图信息
Start.js------------
var common = require('Common');
cc.Class({
extends: cc.Component,
properties: {
},
onLoad: function(){
this.httpRequest();
},
httpRequest: function() {
cc.log('发送请求');
//注意url最后面的游戏唯一标识,要使用自己项目对应的
var urlStr = 'https://www.mysite.net/common/game/share_list?app_name=2048';
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && (xhr.status >= 200 && xhr.status < 400)) {
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值