【简易教程】笔记

| 原创 | notes

🔨 起步

申请小程序账号 - 安装开发工具 - Hello World - 编译预览

🔨 代码构成

小程序的组织语言类似于常见的网站结构,由四种数据文件组织并通过微信提供的编译工具生成小程序界面。基本的数据文件包括:【JSON 配置文件】(提供小程序全局和不同页面的配置数据)、【WXML 模板文件】(描述小程序和页面结构)、【WXSS 样式文件】(基于CSS样式以及针对小程序的一些样式延申)、【JS 脚本逻辑文件】(处理小程序的交互逻辑,参考事件API )。

🔨 小程序能力

首先微信下载小程序代码包到本地,启动时检查 app.json 的 pages 配置,pages 第一个页面即为小程序首页,启动之后,app.js 定义的 App 实例的 onlaunch 回调被执行,这个过程是全部页面共享的。再之后的页面渲染过程中,首先 pages 里的 JSON 配置文件被加载,生成顶部的颜色和文字,接下来加载 WXML 结构和 WXSS 样式生成页面,而生成过程中的逻辑则是由 JS 文件来定义和控制的。在小程序的编程过程中,可以通过微信官方提供的基础组件来搭配构建自己的小程序,此外,API 可以让开发者方便地调用微信提供的能力。

🔨 发布

发布需要先明确项目中各成员的身份,预览小程序以充分测试小程序运行功能,制定小程序版本号,上传代码,经过微信官方的审核之后最终正式发布,发布后可以在小程序的后台查看运营数据。

(参考《微信小程序接入指南》查看微信小程序的申请和发布前的详细信息。)