cocos creator 导出web项目如何对接H5 SDK

最新推荐文章于 2024-08-08 16:35:01 发布
最新推荐文章于 2024-08-08 16:35:01 发布
阅读量3.6k 收藏 1
点赞数 1
分类专栏： cocos2d 文章标签： jssdk cocos creator JavaScript javascript typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40140218/article/details/107159765
版权
本文详细介绍了在Cocos Creator中如何导入并使用H5 SDK，包括找到H5模板文件位置，修改index.html引入SDK，以及如何在预览模式下调试。通过这些步骤，开发者可以在Cocos Creator项目中直接调用SDK接口进行调试。
摘要由CSDN通过智能技术生成

最近在工作中遇到了接入H5 SDK, 之前一般都为原生sdk的接入，这个已经众所周知了，随便百度或者Google一下就能找到接入的方案。在接入h5sdk的时候查阅了很多的文档，但一直处于一知半解的状态，下面我将如何接入h5sdk的步骤总结下来。

1. 如何将h5sdk导入到web项目中。

在此我以mac为例：将h5sdk远程url地址嵌入到工程中。

Cocoscreator H5 jsSDK引入步骤：
一、找到cocoscreator打包H5的模版文件所在位置。在mac中的操作是，打开应用程序，在cocoscreator处右键，点击显示包内容。

在这里插入图片描述

二、进入模版文件夹，在我电脑中是/Applications/CocosCreator.app/Contents/Resources/static/build-templates/，同学们可以参考着找到自己电脑上的这个文件夹。
这个文件夹中，内容如下

在这里插入图片描述

 

进入web-mobile文件夹，web-mobile里有两个文件夹，见下图：
在这里插入图片描述
这两个文件夹里面

最低0.47元/天 解锁文章
季夏右一
关注
专栏目录
cocos creator入门教程（十七）—— creator_h5打包发布优化技巧_android环境搭建与打包发布
标题
10-16 3547
android环境搭建 h5/android 打包发布 h5打包发布 1:引擎模块裁剪，减少引擎体积; 项目----项目设置----模块设置：对于游戏中没有使用到的组件，都不需要勾选。来减少引擎文件的体积。 2: resources目录的特性，减少setting.js体积; 注意：resources目录是代码加载资源目录，非代码加载资源放在其他名字目录下。 3: 订制启动的logo...
Cocoscreator H5 引入 jsSDK
BNU_小海绵的博客
05-10 3477
Cocoscreator 可以进行H5的打包，很多写H5小游戏的同学都转向使用Cocoscreator。完成游戏开发之后，必然要进行SDK的接入。如果渠道比较大或者知名度较高，可以直接使用AnySDK进行接入，具体是否可以接入，可以到AnySDK支持渠道进行查看。 如果AnySDK不支持的渠道，就需要下载渠道js SDK，自行引入SDK，才能使用SDK里的API继续进行开发。想要在Cocoscre...
CocosCreator 小游戏H5主流渠道聚合SDK
qq_37857934的博客
02-01 1934
源码地址见：https://github.com/RainUnity/GameSDK/blob/main/description/SDK.js 或直接参考下方 /** * description:H5小游戏主流渠道聚合SDK(微信，手Q，支付宝，OPPO,VIVO,HUAWEI,BAIDU,XIAOMI等渠道的登录及支付调用接口),持续开发中。。。。。。 * author: 白 * date: 2020.4.18 * version：1.0.0 * compiler environment:
Cocos Creator 3.x Shader预编译优化，提高游戏流畅度
最新发布
Cocos的博客
08-08 122
前言"为什么我的游戏启动时该加载的都加载了，运行的时候还是一卡一卡的？"在正常的游戏开发流程中，都会在进入游戏主要玩法之前，前置一部分预处理的操作，比如：资源加载，数据解析，对象池创建等等一系列操作来尽可能地保证游戏在正常运行时的流畅度。当然在Cocos Creator中，一部分操作引擎已经帮我们封装好了接口，那么还有一部分操作就需要我们基于现有的需求自己封装。今天宗宝和大家分享一下《针对Coco...
关于cocoscreator转换生成单html5试玩版小游戏的方法,【playable-ad】(绝对有效亲测可用)
xiongwen_li的博客
09-08 4436
使用cocoscreator制作html5测试版小游戏准备开始第一步：项目开发第二步：素材优化第三步首先其次其三其四 随着广告手段的不断增多，我们可能需要在广告中能展示我们游戏的部分玩法（大多是针对小游戏），玩过<我功夫特牛的>都知道，我们经常可以在广告中体验到<我功夫特牛>的部分玩法，最后会跳以下下载链接，供有需求的玩家下载！ 所以，我们今天主要来制作这个！ 准备 工具: cocos2.1.3 , cocos-to-playable-ad-master ，node.j
Cocos Creator v1.2.1发布：AnySDK H5 支持，场景内存管理优化
Cocos的博客
08-30 111
根据开发者的反馈和建议，我们在这个新版本里加大了对 AnySDK H5 平台的支持，让游戏发布更为便捷顺畅；进一步优化了场景切换时的资源内存管理，可有效降低内存占用 20%~50%；同时修复了多项bug，优化了用户体验，相信你一定会在这个新版里找到不少惊喜。增加 AnySDK H5 支持，单渠道接入只需 5 分钟在「构建发布」界面的移动端 Web 平台上，我们添加了一个 AnySDK 的选项，勾选...
cocos html5文档,Cocos-html5 初识
weixin_42509548的博客
06-04 508
Cocos html5 项目环境的搭建。按照官网的文档搭建。(cocos html5、webStorm、google chrome、谷歌商店的jet-brain插件)迫不及待的打开cocos html5的文件结构。找到栗子，HelloHTML5World，点击index.html，看到了熟悉的画面...(不过它是个静态的)使用web storm导入整个html5项目。html5程序启动过程是：in...
CocosCreator + socketIO简易教程(更新至1.0)
一入編程深似海!
01-30 5986
我们从已经安装了CocosCreator 懂得建立HelloWorld项目 有前台与后台交互基本思想 但是完全不知道node.js是啥 的前提开始讲 提醒 : 如果在按照这个流程学习的过程中 有任何的bug 请在该帖子下回复  因为写帖子和敲代码还是两回事 可能有一些和描述上不一样的地方 首先下载并安装 node.js  node.js MAC OS : (为什么放网盘里面呢 鬼知
cocos2d-js web发布（转）
Mage的专栏
11-04 2779
运行：cocos compile -p web -m release 既可在publish/目录下生成独立的发布文件夹，将该文件夹部署到你的服务器上，用户即可访问。// Web平台还可以添加--advanced来使用Closure Compiler的高级混淆功能对代码进行混淆cocos compile -p web -m release --advanced 要加入ANT_ROOT环境变量。mac
cocos creator 前台与后台服务对接-附件资源
03-02
cocos creator 前台与后台服务对接-附件资源
cocosCreator打包web-mobile合并html脚本
11-13
CocosCreator提供了方便的发布流程，支持多种平台，包括Web浏览器和移动设备。在制作试玩广告时，我们通常希望用户在不同的设备上都能流畅体验，无论是通过网页还是手机应用。这就需要我们将Web和Mobile版本整合到...
Android集成CocosCreator项目-demo
11-30
2. **导出Android项目**：在CocosCreator中，选择“发布” -> “Android”，然后按照提示导出项目。这将生成一个包含所有必要资源和配置文件的Android工程目录。 3. **打开Android Studio**：启动Android Studio，...
cocosCreator 自动打包工具
08-07
"cocosCreator 自动打包工具"正是为了解决这个问题而设计的，它允许开发者无需手动开启Cocos Creator，通过一键执行脚本就能完成自动打包流程。 这个工具的核心是一个名为`main.py`的Python脚本，它通常会调用Cocos...
cocos creator 发布IOS版本（三） google admob广告sdk接入
08-13
详细讲解:https://blog.csdn.net/weixin_41843959/article/details/119682017 这个demo在虚拟器上会出现,调用广告有时候会出现Cannot find an ad network adapter with the name(s): ...
cocosCreator JS 开发 之 HTTP 协议对接
huanghuipost的博客
09-22 1224
C/S 对接全部换成HTTP协议了。。。 该补课了 1、新建一个http.js脚本 var HttpHelp = { //获取用户信息 login:function(count,password,callback) { var url = '你的url格式、协议' //console.log(url); var reques...
cocos2dx js webview接入第三方h5游戏,并返回app中
u012641270的专栏
07-02 1836
接入第三方h5游戏。 1.使用浏览器打开，但是无法返回到app中，此方法是最后的选择。 2.使用webview 内嵌入h5游戏（部分api可能不太一样）。 ⑴. var webView = new ccui.WebView(url); // url为h5游戏 cc.director.getRunningScene().addChild(webView); ⑵. 这里主要有2个API...
cocos-creator使用记录7_前后台切换
haibo19981的专栏
05-24 3047
1.cocos creator前后台切换当玩家在玩游戏时，突然接了一个电话，此时游戏会被切到后台待机，所有的声音播放都会停止，等打完电话，回到游戏，游戏又会被切回前台来，需要手动播放声音。可使用如下代码onLoad: function () { cc.game.on(cc.game.EVENT_HIDE, function(){ console.log("游戏进入后台"); this.doSo...
cocos2d-js客户端对接服务器实例 - Http通讯
Cleve_baby的博客
07-29 1017
1.局域网接口 var serverurl="http://120.27.193.230:8080/"; 2.分数 var scoreRank=serverurl+"scorelottery.action"; 3.代码 var xhr = cc.loader.getXMLHttpRequest();         //註冊接口 xhr.open("GET", scoreRank, t
使用Cocos Creator集成Facebook SDK实现分享功能
8. **集成步骤**：集成Facebook SDK到Cocos Creator项目通常包括以下步骤： - 添加Facebook SDK文件到项目资源。 - 配置项目设置，包括Facebook应用ID。 - 在代码中初始化SDK，处理登录状态，然后调用相关API进行...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值