微信小程序零基础学习笔记---环境搭建和目录结构分析

注册流程

---

• 先到微微信公众平台注册帐号https://mp.weixin.qq.com/
  
• 帐号注册完成后第一步先完成小额打款验证（我是以企业主体进行申请）
  
  
• 完成企业打款验证后就可以完善小程序信息来获取AppID和AppSecret，同时完善服务器域名、业务域名等信息，设置的域名必须是支持https格式（下载域名证书，用nginx配置一下即可）。设置业务域名需要先下载验证文件，传到自己的服务器（需要能直接用过域名访问到验证文件）。
  

开发者工具讲解

---

• 完善小程序配置信息后，直接在首页的小程序发布流程下开发工具，直接点击进去根据自己的电脑环境来下载即可。
  
• 下载并安装完成后，打开开发工具看到如下页面，点击那个大大的加号创建项目进入编辑页面。
  
• 填写自己的AppID，根据自己需求选择初始模版，我是连接自己的后台，所以直接选默认模版。
  
• 设置不效验合法域名，方便开发时接口调用，当然了也可以直接开发时就用https进行访问数据，这个就用到我们前面说到的域名配置。
  

项目目录结构分析

---

• 程序的主体部分：
  app.js （小程序主要逻辑层，用来注册小程序）
  app.json（小程序公共配置，配置页面路由）
  app.wxss（小程序公共样式类似css）
  app.wxml（类似html页面）
  最外面的app.js、app.json、app.wxss可以理解为全局变量，遵守就近原则，如果页面内的.js、.json等页面有同样的声明，就加载页面内的声明。

• 生命周期
  小程序启动时先执行onlauch>onshow,然后在执行页面onload>onshow>onready，可以在.js中输出日志进行查看。
  小程序生命周期：
  onlauch
  onshow
  onhide
  页面命周期：
  onload
  onshow
  onready
  onhide
  onunload

• app.json中pages是配置对应的页面路由，window可以控制小程序头部显示。
  

THE END

---

感谢查阅

作者：玉念聿辉
编辑：吴明辉