Cocoscreator H5 引入 jsSDK

最新推荐文章于 2024-05-14 22:00:48 发布
最新推荐文章于 2024-05-14 22:00:48 发布
阅读量3.4k 收藏 3
点赞数 1
分类专栏： CocosCreator 文章标签： cocoscreator SDK
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_29282093/article/details/90050316
版权

Cocoscreator 可以进行H5的打包，很多写H5小游戏的同学都转向使用Cocoscreator。完成游戏开发之后，必然要进行SDK的接入。如果渠道比较大或者知名度较高，可以直接使用AnySDK进行接入，具体是否可以接入，可以到AnySDK支持渠道进行查看。

如果AnySDK不支持的渠道，就需要下载渠道js SDK，自行引入SDK，才能使用SDK里的API继续进行开发。想要在Cocoscreator的H5包里引入jsSDK，按如下操作进行。

本人使用的是mac，使用win的同学可以参考一下。
Cocoscreator H5 jsSDK引入步骤：
一、找到cocoscreator打包H5的模版文件所在位置。在mac中的操作是，打开应用程序，在cocoscreator处右键，点击显示包内容。
在这里插入图片描述
二、进入模版文件夹，在我电脑中是/Applications/CocosCreator.app/Contents/Resources/static/build-templates/，同学们可以参考着找到自己电脑上的这个文件夹。
这个文件夹中，内容如下
在这里插入图片描述
进入web-mobile文件夹，web-mobile里有两个文件夹，见下图：
在这里插入图片描述
这两个文件夹里面，是打包h5之后网页的入口文件，从main.js进入这个文件。这两个文件夹下都含有一个index.html。
在这里插入图片描述
在这里插入图片描述
三、右键打开index.html，使用编辑器打开，我使用的是vscode。
在这里插入图片描述
四、将js文件的引用代码插入至文件中。然后你就可以在代码中进行SDK接口的使用了。重要的事情说三遍，template和template-dev这两个文件夹里面的index.html都需要插入引用代码!!，template和template-dev这两个文件夹里面的index.html都需要插入引用代码!!，template和template-dev这两个文件夹里面的index.html都需要插入引用代码!!。
在这里插入图片描述

scut+bnu的小海绵
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
CocosCreator H5 微信内置浏览器调起微信支付
nc_wei的博客
10-28 6470
CocosCreator H5 微信内置浏览器调起微信支付先来看看效果图微信公众平台相关文档传送门https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115下面来实现h5支付的功能（使用的CocosCreator） 引用jssdk.js文件 在构建的web-mobile/index.html中添加 <scrip
cocos creator 导出web项目如何对接H5 SDK
季夏右一
07-06 3566
最近在工作中遇到了接入H5 SDK, 之前一般都为原生sdk的接入，这个已经众所周知了，随便百度或者Google一下就能找到接入的方案。在接入h5sdk的时候查阅了很多的文档，但一直处于一知半解的状态，下面我将如何接入h5sdk的步骤总结下来。 1. 如何将h5sdk导入到web项目中。 在此我以mac为例：将h5sdk远程url地址嵌入到工程中。 Cocoscreator H5 jsSDK引入步骤： 一、找到cocoscreator打包H5的模版文件所在位置。在mac中的操作是，打开应用程序，在co
cocos creator 引用网络js文件
erweimac的博客
03-02 4863
例如:&lt;script type="text/javascript" src="https://wurfl.io/wurfl.js"&gt;&lt;/script&gt; C:\CocosCreator\resources\static\build-templates 这个目录下面，web-desktop或者web-mobile，里面各有template和template-dev两...
Cocos Creator 导入其他js文件
LANGZI7758521的专栏
07-03 6635
js非组件导入： let common = require("Common"); common.***; js是组件: let Game = require("Game"); let game = new Game(); game.disableMaskLayer();
【CocosCreator入门】CocosCreator项目创建 面板介绍_cocos creator 创建一个新项目
最新发布
2401_84181108的博客
05-14 802
创建按钮：用来创建节点。搜索栏：可以根据搜索类型来搜索所需的节点或者组件等。搜索按钮：用来过滤搜索的类型，分为 节点、组件 和 引用 UUID 的节点 三种类型。展开/合并按钮：可以切换 层级管理器 节点的展开/折叠状态。游戏对象列表：显示当前场景所包含的游戏对象和对象的层级关系。刷新按钮：刷新当前层级管理器的状态。创建按钮：用来创建新资源。搜索栏：用来搜索需要的资源。资源列表：显示当前文件所包含的各种资源（视频、音频、图片、文字等）及其层级关系。
cocos-js添加微信js sdk
9527的专栏
03-31 3654
参考微信开发jssdk 完成公众号的申请以及配置。我们重点讲客户端的开发。 index.html部分<body style="padding:0; margin: 0; background: #000;"> <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <canvas id="gameCanvas"
CocosCreator 小游戏H5主流渠道聚合SDK
qq_37857934的博客
02-01 1797
源码地址见：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 typescript 导入 js
ms
11-19 1964
import {SYSdk} from "../SDK/Sdk.js";
cocos creator---JS脚本相关
赳赳万里鲲
02-03 2795
1、JS脚本执行顺序 a、同一个文件中，先导入的先加载 b、同一节点上JS脚本加载：不同脚本中，同一声明周期函数依顺序加载 c、优先级设置： editor: { executionOrder: 1} executionOrder 默认为0，executionOrder 越小，该组件相对其它组件就会越先执行。 2、模块化---JS导入和引用 ...
cocos2d-JS 将微信游戏的体积所占最小的模块引入
09-04 287
在pro"cocos2d"，这个里面包含了所有引擎内部类 "cocos2d" : [             "core", "kazmath", "shaders", "render-texture", "motion-streak", "node-grid",             "clipping-nodes", "effects", "shape-nodes", "actions
微信 H5分享 下载jssdk文件-附件资源
03-02
微信 H5分享 下载jssdk文件-附件资源
cocosCreator脚本开发手册
01-25
完整的文档。。。快速上手cocosCreator脚本。。。描述详细，快速入门必备
cocos crestor 修改引擎代码实现h5支付,跳转到微信.支付宝.客户端
06-20
cocos crestor 修改引擎代码实现h5支付,跳转到微信.支付宝.客户端
微信获取jssdk例子JAVA例子
01-15
微信获取jssdk例子JAVA例子生成sign签名(MD5格式) 校验sign
微信开发之微信jssdk录音功能开发示例
10-17
首先，我们需要引入微信JSSDK并进行配置。在项目中，我们需要在HTML页面中引入微信JSSDK的JS文件，并在页面加载完成后调用微信的`wx.config`方法进行配置，确保JSSDK能够正常工作。配置时需要提供包括AppID、...
asp版jssdk 微信分享
11-09
官方没有asp的demo，弄了个asp版的微信jssdk (asp jssdk for weixin) asp版jssdk\jssdk.asp asp版jssdk\jssdk_config.asp asp版jssdk\sample.asp asp版jssdk\sha1.asp asp版jssdk
CocosCreator3.8研究笔记（四）CocosCreator 脚本说明及使用（上）
w风雨无阻w的专栏
09-03 2132
真正意义上做到了按需使用。使用 import 并不会直接执行模块，而是生成一个动态的只读引用，等到真的需要用到时，才会到模块里面去读取。Cocos Creator 使用导入映射，控制 TypeScript/JavaScript 的导入行为，指定对裸说明符的解析。假如有一个模块在项目中被很多其他模块使用，我们希望其他模块以别名的方式引用，而不用相对路径的方式，此时就可以使用别名映射。JavaScript模块规范为开发者提供了不同的选择，以满足不同的项目需求和开发风格，每一种都有其独特的特点和适用场景。
cocos creator 使用h5接口fileToUpload获取文件信息（打开系统自带的文件选择对话框）
erweimac的博客
09-23 1317
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cocos Creator | hello_world</title> <!--http://www.html5rocks.com/en/mobile/mobifying/--> <meta name="viewport" content="width=devic.
cocos Creator protobufjs接入方案
zhengjcken的博客
07-30 495
参考文章:https://www.jianshu.com/p/57736a8dbf9c https://forum.cocos.com/t/cocoscreator-protobuf/61045 废话不多说 1.下载安装node.js 这个就不多说了 我是直接下载的最新版10.16.0 下载地址：http://nodejs.cn/download/ node.js安装好后 打开cmd执...
uniapp引入jssdk
07-27
在UniApp中引入JSSDK（JavaScript SDK）可以让你使用各种JavaScript库或框架来扩展你的应用功能。以下是一些基本步骤： 1. 下载所需的JSSDK：根据你想要引入的具体JSSDK，去相应的官方网站或开源项目中下载相应的文件。 2. 将JSSDK文件添加到你的UniApp项目中：将下载得到的JSSDK文件复制到你的UniApp项目的合适位置，例如可以放在项目的`static`目录下。 3. 在`index.html`文件中添加引入JSSDK的代码：打开你的UniApp项目中的`index.html`文件，在`<head>`标签内部添加一个`<script>`标签，并通过`src`属性指定要引入JSSDK的文件路径。 4. 使用JSSDK：根据具体的JSSDK文档，按照对应的方式来使用它提供的功能。通常情况下，你需要在对应组件或页面中引入JSSDK，并按照文档中的指导完成配置和调用。 需要注意的是，具体的引入方式和步骤可能会因不同的JSSDK而有所差异，请根据具体的JSSDK文档进行操作。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值