小程序初体验

  最近发现关注的公众号好多都有了自己的小程序，鉴于小程序刚起步，个人的账号也可以进行开发，个人微信公众号就开发的权限很小，所以就想试试看小程序的开发过程。

  开发小程序的前期准备大致是先注册一个公众号，然后获取一个微信小程序的AppID，然后在设置的开发者设置里面查询要这个AppID。使用这个AppID就可以在开发者工具上进行小程序开发创建了。如果不适用AppID创建小程序，有些功能是会受到限制的。

  在一个空文件夹下创建一个小程序，选择quick start会自动创建一个简单的demo，可以直接在上面修改代码。

  小程序的工程基本结构为app.js,app.json,app.wxss和一个pages文件夹。

  app.js是小程序的脚本文件，在这个文件中监听并处理小程序的生命周期函数，全局变量。调用框架提供的API。温馨小程序提供了很多的API，很方便。

  app.json是一个全局配置文件，可以设置小程序有哪些页面，窗口背景色，tab等。具体配置可以看文档，重点是小程序所使用到的页面都需要在json文件里面进行配置后才可以用。

  app.wxss是公共样式表，是微信小程序上用的css文件。用法和一般的css差不多。

  pages文件夹里面放的是具体的页面，每个页面独立成一个文件夹，页面里面还可以嵌套页面。每个页面文件夹里面有js,json,wxml和wxss四个文件，其中，js文件为脚本编写文件，页面具体的方法都是写在这里，json是具体页面的配置文件，如同app.json文件，不过只设置window里面的具体内容，比如页面标题，样式等。wxml文件如同html文件，写具体的页面结构。wxss是页面具体的样式，会覆盖app.wxss里面的样式。

  小程序和普通的html写页面是一样的，页面，行为，样式等。但小程序写法比较明显的特点是更组件化。里面的每一个标签都是一个组件，比如view,form，这些组件绑定的属性和方法甚至是样式都可以作为data保存在js文件里面。通过{{}}的方式来进行读取，在js里面可以用setData的方法来修改这些data。这种写法和现在的react或者vue等框架都有一定的相似。

  小程序有个很大的有点是提供很多的API，这些API可以帮助完成很多事，在微信的支持下，可以完成视频，音频，定位，存储，动画，绘图等等事件。非个人的公众号开通微信支付后，制作一个购物的小型app是完全ok的。

  这里只是简单的介绍微信小程序，不算教程，具体实践才知道小程序的优缺点。我目前只简单的写了一个链接外部的查询功能的小程序，之后再增加功能，进行更多实践。

小程序搜索：cathy的生活小工具