开发皇室战争宝箱查询系统

开发皇室战争宝箱查询系统简介 本系统采用 java springboot 微信小程序开发 可直接扫描程序码查看小程序效果 在 java 中主要通过 调用皇室战争官方的 api 接口 实现宝箱顺序 用户基本信息的查询 另 若读者会一些简单的前端 那么就可以开发出 web 网站版的皇室战争宝箱查询系统

大家好,我是讯享网,很高兴认识大家。

简介:本系统采用java(springboot)+微信小程序开发,可直接扫描程序码查看小程序效果。
在java中主要通过·调用皇室战争官方的api接口,实现宝箱顺序、用户基本信息的查询。
另:若读者会一些简单的前端,那么就可以开发出web网站版的皇室战争宝箱查询系统,所有的javaApi接口已经开发完成,只需要做好java和前端的链接。
微信端小程序名称: cr宝箱
功能:可查宝箱可查历史数据

1.注册 皇室战争宝箱查询 系统的账号

1.登录 https://developer.clashroyale.com/,注册账号。芬兰的网站,虽然速度慢一点,但是肯定可以访问。注意自己的ip很重要,是自己的公网ip,不是本地ip。望诸君,注意。最终目的是为了获取token。

2.在java中调用 类似于爬虫访问皇室战争API官网

1.先把需要的jar包放到这里
 <dependency> <groupId>org.apache.httpcomponents</groupId> <artifactId>httpclient</artifactId> <version>4.5.3</version> </dependency> <dependency> <groupId>org.jsoup</groupId> <artifactId>jsoup</artifactId> <version>1.10.3</version> </dependency> 

讯享网

其他的看自己需求,往里面加,基本就这两个核心包。

2.访问皇室战争API的核心代码

1>代码为一个函数,该函数调用皇室战争API接口,需要注意的是 Authorization 参数,该参数要自己填写进去 格式为 “Bearer token令牌",看清,有个空格,诸君。
2>URL中的 %23 代表的函数为 # ,特殊字符转义
3>要是随便乱访问路径,随随便便会被封半小时多。注意安全。
4>该函数返回值为一个json,在java端并没有做很多处理,全部递给了小程序。

讯享网public static String returnUserInfo(String userTag){ 
    System.out.println("开始获取用户的信息"); try{ 
    userTag=userTag.replace("#",""); System.out.println(userTag); String s="https://api.clashroyale.com/v1/players/%23"+userTag; System.out.println("访问的URL-->"+s); CloseableHttpClient httpClient = HttpClients.createDefault(); HttpGet httpGet = new HttpGet("https://api.clashroyale.com/v1/players/%23"+userTag); httpGet.addHeader("user-agent","Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.75 Safari/537.36"); httpGet.addHeader("Authorization",useIApi); httpGet.addHeader("accept","text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9"); httpGet.addHeader("cache_expires","20"); httpGet.addHeader("Access-Control-Allow-Origin","no-cors"); CloseableHttpResponse response = httpClient.execute(httpGet); System.out.println(response.getStatusLine().getStatusCode()); // System.out.println(response.getAllHeaders()); if(response.getStatusLine().getStatusCode()==200){ 
    String string = EntityUtils.toString(response.getEntity(), "utf-8"); System.err.println(string); httpClient.close(); return string; } //5、关闭数据 httpClient.close(); }catch (Exception e){ 
    System.out.println(e); System.out.println("抛出异常 代码:"); return "-1"; } return "-1"; } 
3.java中的controller代码

这段代码完全没有什么技术含量


讯享网

 @RequestMapping("userInfo") public @ResponseBody String returnUserInfo(String tag){ 
    String userInfo=UserInfoTool.returnUserInfo(tag); if(userInfo!="-1"){ 
    return userInfo; } return ""; } 

至此,java端的代码就开发完毕了。笔者在这里只是粘贴了一个示例,实际中,拥有多个接口,就不累赘展示了。

3.小程序端的开发

1.小程序端对应的数据处理格式,该数据格式只对应用户的基本信息,比较复杂,这是从json中解出来的数据,大约能占json返回数据的十分之一。
讯享网data: { 
    showModal:true, userInfo:{ 
    tag:"", name:"", trophies:"", //奖杯 bestTrophies:"", //最高奖杯数 wins:"", //胜利 losses:"", //失败 battleCount:"", //战斗场次 threeCrownWins:"", //三星场次 totalDonations:"", //捐卡总量 tournamentCardsWon:"", //锦标赛赢得的卡牌数 tournamentBattleCount:"", //锦标赛 对战次数 currentSeason:{ 
    rank:"", //排名 trophies:"",//奖杯 bestTrophies:"", //最高奖杯数 }, previousSeason:{ 
    //上一锦标赛数据 id:"", //日期 年月 格式为 2022-5 rank:"", //排名 trophies:"",//奖杯 bestTrophies:"", //最高奖杯数 }, bestSeason:{ 
    //**赛季 id:"", //日期 年月 格式为 2022-5 rank:"", //排名 trophies:"",//奖杯 }, arena:{ 
    //地域国家信息 id:"", name:"" }, clan:{ 
    //部落信息 tag:"", //部落标签 name:"", //部落名字 badgeId:"", //部落id } } }, 
2.去云端请求皇室战争宝箱顺序的json,并将值赋值到data数据中。
 onLoadUserInfo :function(tag){ 
    tag = tag.replace('#', ''); let that=this; wx.showToast({ 
   title: '加载中', icon: 'loading', duration: 5000}); wx.request({ 
    url: 'https://www.自己的网址.com:58479/cr/userInfo?tag='+tag, //仅为示例,并非真实的接口地址 success: function(res) { 
    console.log(">>>>>"+res.data.tag) console.log(">>>>>id="+res.data.leagueStatistics.bestSeason.id) const clan_tag = `clan.tag` // 拼接已知属性 const clan_name = `clan.name` // 拼接已知属性 const bestSeason_id = `bestSeason.id` // 拼接已知属性 const bestSeason_rank = `bestSeason.rank` // 拼接已知属性 const bestSeason_trophies = `bestSeason.trophies` // 拼接已知属性 that.setData({ 
    tag:res.data.tag, name:res.data.name, trophies:res.data.trophies, //奖杯 bestTrophies:res.data.bestTrophies, //最高奖杯数 wins:res.data.wins, //胜利 losses:res.data.losses, //失败 battleCount:res.data.battleCount, //战斗场次 threeCrownWins:res.data.threeCrownWins, //三星场次 totalDonations:res.data.totalDonations, //捐卡总量 tournamentCardsWon:res.data.tournamentCardsWon,// 锦标赛数据 赢得卡牌数 tournamentBattleCount:res.data.tournamentBattleCount,// 锦标赛数据 对战次数 [clan_tag]:res.data.clan.tag, [clan_name]:res.data.clan.name, [bestSeason_id]:res.data.leagueStatistics.bestSeason.id, [bestSeason_rank]:res.data.leagueStatistics.bestSeason.rank, [bestSeason_trophies]:res.data.leagueStatistics.bestSeason.trophies, }) wx.hideToast(); } }) }, 

4.贴上小程序的程序码,可以预览下,看怎么样,页面虽然不太美观,但是该有的都有。

请添加图片描述

小讯
上一篇 2025-03-23 10:33
下一篇 2025-03-06 07:00

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/38856.html