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

最近在工作中遇到了接入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里有两个文件夹，见下图：

这两个文件夹里面，是打包h5之后网页的入口文件，从main.js进入这个文件。这两个文件夹下都含有一个index.html。

打开index.html 将jssdk 路径写入到文件中，如下图

两个文件都需要更改哦，导出后就可以直接在项目中访问到jssdk中的接口了。

2. 如何在cocos creator 中点击预览可以直接调试

找到上述所说的static文件夹下

点开后修改index.jade文件，按第一步格式修改，在creator预览中下图位置就可以找到jssdk是否加载成功了