最近发现关注的公众号好多都有了自己的小程序,鉴于小程序刚起步,个人的账号也可以进行开发,个人微信公众号就开发的权限很小,所以就想试试看小程序的开发过程。
开发小程序的前期准备大致是先注册一个公众号,然后获取一个微信小程序的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的生活小工具
请发表评论