小程序开发入门【专题】
越来越发现小程序的好,本人较为喜欢,最大的好处是没有乱七八糟的授权许可,不像APP,一个新闻APP恨不得把所有授权都要了,不给还不让用,虽然也做APP,但对这种不要脸的侵犯个人隐私还是比较抵制的。
首先下载小程序开发工具,可从官网下载。下载后,即可建立小程序了。小程序默认的是JS,所以,对于开发人员而言,语法上应该没有门槛。建立小程序,先期可以不选择云服务。
小程序建立后,先看下结构。
app.js:全局的js文件,同时在此建立的一些事件,譬如:onLaunch,小程序启动事件。通常在此文件中建立全局的数据信息,globalData,做一些设置,并处理一些小程序启动的事件;
app.json:全局配置文件,这里面有两个重要内容:pages和tabBar。在小程序中所有建立的page,在pages中均需要配置路径;tabBar则设置了底部的tabbar的信息。在手机应用中,底部的tabBar这是一个常规的设置,当然也有应用不会使用tabBar。
app.wxss:全局的样式表,这个没啥可说的,全局使用的css样式都可在此建立;
了解之后,可以建立第一个页面;
设置启动页,小程序中没有设置启动页的地方,默认情况下,在app.json中的pages配置项中,第一个页面即为小程序的启动页。pages中是有顺序的,如果建立了一个页面,需要引用另外一个页面,则被引用页面要在引用页面之前。
关于小程序UI设计,作为初次开发小程序的人员,或者缺少UI设计的人员,建议可以引用WeUI,WeUI地址为:https://developers.weixin.qq.com/miniprogram/dev/extended/weui/,这是微信官方提供的一个组件库,包含了常用的组件设计,还是很方便的。
针对一些交互使用,可以参考微信团队做的一个小程序实例,地址为:https://github.com/wechat-miniprogram/miniprogram-demo/,这个里面有常用的一些交互操作实例,包括组件交互、动画、多线程、设备接口等等,非常有参考价值。
熟悉以上内容之后,您就可以开始建立第一个自己的小程序了,下一章节开始讲小程序的具体开发。
对了,还有两个重点需要了解:
1、小程序大小不能超过2M,一般情况下不会超过这个大小,但注意,如果打包了图片,这个容量就不够了,所以,尽可能用网络图片;
2、小程序默认必须使用域名且是https通讯,开发时,在“详情”-“本地设置”中,选择“不校验合法域名.......”,则可以使用IP或localhost进行调试了;
好了,开始您的第一个小程序吧。