5.2 微信小程序

5.2 微信小程序

写微信小程序和写网站差不多，都是分前端和后端。在小程序里html和css叫wxml和wxss，基本上没啥区别。另一方面它也有点像安卓app。

5.2.1 结构

从结构上来看小程序也是典型的配置分离。最基本的单位就是一个page，也就是一个页面。一个页面里又包含了wxml、wxss、js、json（至少要有给wxml）。前两个不消说，js用来处理事件（点击事件、与后端交互啥的），json用来配置页面样式（例如窗口颜色啊导航栏标题啊）。最外面的app.xx是全局的，app.js是刚加载小程序时执行的，app.json是小程序全局配置的（注册页面也在这里，有点像安卓的manifests），app.wxss就是全局样式了。

5.2.2 如何学习

写小程序其实不难，官方有详细的文档。框架是大体配置，组件是wxml里能用的标签，API是能供你调用的库。

不过一般来说小程序都是需要联网交互服务器的，所以还需要学习后端的知识。在这里wxml和js、js和后端的交互十分经典，在不同的网页app里，html和js、js与后端的交互都大致一样又略有不同。无论你先学了那种框架，都可以留意体会一下。

5.2.3 典型的生命周期

小程序的生命周期

小程序里这个生命周期也比较经典，在许多场合都有一样的概念，包括安卓程序、游戏框架等等。总的来说就是页面在“生命”的不同时间段会调用不同的函数，例如刚刚创建的时候调用onCreate()或者onLoad()，对这些函数的重写是经常要做的事情。

类似的，在我们编程的时候最常做的就是重写框架给我们的很多函数，例如onClick()，许多框架中组件被按下后调用的函数；游戏中的onMouseDown()，鼠标在组件上按下后调用的函数，等等。大家可以举一反三。

5.2.4 提几个需要注意的细节

开发小程序和开发网站一样，一般来说要写后端的代码，还要配服务器、配域名、配https等一堆东西，动手能力强的同学可以试试。配置服务器看这:

• 基础篇
• 提高篇

不过腾讯给小程序开发者提供了十分方便（而且免费）的云开发功能，也就是直接给你一个配好的服务器，你只要调用API就能进行上传、下载文件、操作数据库等等操作。

小程序的云开发

这里用的框架是Node.js，也就是意味着你不用去学其它语言，直接写js就行。而且也不用写后端程序，直接在小程序里写代码调用API。