Dcloud开发引用第三方sdk的app小程序扫盲---准备篇

因为业务需求，老大要求写一个demo演示，用h5开发的手机app 使用easylink控制庆科板子的程序。作为一个从未搞过app的人表示一脸懵逼。

花了几天查询资料，发现要搞h5的可以用dcloud和apicloud 这两种国产的开发工具。（当然也可以用其他的组件开发前端app，如：ionic和Enact native结合）

首先，dcloud和apicloud比较一下。真心感觉apicloud对开发者更友善，各种帮你打包，各种集成。Dcloud的文档属于那种不好好看你是看不懂的那种，而且你提问题基本没人理的。没办法老大要dcloud写，只能硬着头皮去写了。

开发工具：Hbuilder。

我以前做网页的，这个工具感觉还不错，尤其是写js的时候有提示，还能实时预览页面效果。

创建app项目：

这里有很多模板，开发者可以根据自身需求选择不同的模板，或者选择空模板进行开发。其中两个实例是挺不错的，可以拿来学习。

项目结构：

css，img和js文件夹就是放app中要用到的各种资源，manifest.json相当于配置文件，里面有很多标签。其中个人认为比较重要的是sdk配置和模块权限配置。

可以看到sdk配置中已经默认添加了一些第三方sdk，如 微博 百度地图 微信等。如果你要基于这些sdk开发，那么就相当省心了。不过需要注意的是在模块权限配置中你要根据引入的sdk功能配置不同的权限。

那么什么是模块权限配置呢？

如果你开发过Android的app，那么你对于AndroidManifest.xml文件肯定不陌生。这个manifest.json文件就相当于AndroidManifest.xm文件

UI页面：

默认生成的项目首页都是index.html，里面的结构基本上是个网页开发的都能看懂，我就不赘述了。

有一点需要注意，就是js中的监听器，官方已经把含义写出来了，这句话是页面初始化时候调用的。

下一篇会讲解下plus