Cocoscreator H5 引入 jsSDK

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处右键,点击显示包内容
Cocoscreator H5 引入 jsSDK
二、进入模版文件夹,在我电脑中是/Applications/CocosCreator.app/Contents/Resources/static/build-templates/,同学们可以参考着找到自己电脑上的这个文件夹。
这个文件夹中,内容如下
Cocoscreator H5 引入 jsSDK
进入web-mobile文件夹,web-mobile里有两个文件夹,见下图:
Cocoscreator H5 引入 jsSDK
这两个文件夹里面,是打包h5之后网页的入口文件,从main.js进入这个文件。这两个文件夹下都含有一个index.html
Cocoscreator H5 引入 jsSDK
Cocoscreator H5 引入 jsSDK
三、右键打开index.html,使用编辑器打开,我使用的是vscode。
Cocoscreator H5 引入 jsSDK
四、将js文件的引用代码插入至文件中。然后你就可以在代码中进行SDK接口的使用了。重要的事情说三遍,template和template-dev这两个文件夹里面的index.html都需要插入引用代码!!template和template-dev这两个文件夹里面的index.html都需要插入引用代码!!template和template-dev这两个文件夹里面的index.html都需要插入引用代码!!
Cocoscreator H5 引入 jsSDK