1.基于微信小程序最新 API 规范
1.小程序基础
配置文件 组件样式 事件系统
wxml 语法 生命周期 小程序 API
自定义组件 分包加载 开放能力
数据通信 npm 支持 ……
2.项目实战
模块封装 项目首页 商品分类
商品列表 商品详情 用户管理
地址管理 购物车 结算支付
订单中心 上线发布 ……
2.初识微信小程序
微信小程序是一种运行在微信内部的 轻量级 应用程序,在使用小程序时 不需要下载安装,用户 扫一扫 或 搜一下 即可打开应用。它也体现了“用完即走”的理念,用户不用关心安装太多应用的问题。它实现了应用“触手可及”的梦想,应用无处不在,随时可用,但又 无须安装卸载。
小程序的四大特性:无须安装、用完即走、无须卸载、触手可及
3.微信小程序账号注册
1.小程序开发 与 网页开发不一样,在开始微信小程序开发之前,需要访问 微信公众平台,注册一个微信小程序账号。
2.有了小程序的账号以后,我们才可以开发和管理小程序,后续需要通过该账号进行 开发信息的设置、开发成员的添加,也可以用该账号查看小程序的运营数据。
3.在申请账号前,我们需要先 准备一个邮箱,该邮箱要求:
1.未被微信公众平台注册!
2.未被微信开放平台注册!
3.未被个人微信号绑定过!如果被绑定了需要解绑 或 使用其他邮箱
4.完善小程序账号信息
在完成小程序账号的注册后,需要打开微信公众平台对小程序账号进行一些设置,这是因为小程序在 上线阶段-提交审核 的时候小程序账号信息是必填项,因此在注册小程序以后,需要补充小程序的基本信息,如名称、图标、类目等。同时需要进行小程序备案和微信认证
5.项目成员和体验成员
小程序提供了两种不同的成员角色:项目成员 和 体验成员
1.项目成员:表示参与小程序开发、运营的成员,包括运营者、开发者及数据分析者,项目成员可登陆微信公众后台,管理员可以在成员管理中添加、删除项目成员,并设置项目成员的角色,
2.体验成员:表示参与小程序内测体验的成员,可使用体验版小程序,但不属于项目成员。管理员及项目成员均可添加、删除体
6.小程序开发者 ID
1.微信小程序账号只要开发者满足开发资质都可以进行注册,并且会获得对应的 开发者ID
2.一个完整的开发者ID 由 小程序 ID(AppID)和一个 小程序密钥(AppSecret)组成
3.小程序 ID 是小程序在整个微信账号体系内的唯一身份凭证,后续在很多地方都会用到
4.例如:新建小程序项目、真机调试、发布小程序等操作时,必须有小程序ID。
5.小程序密钥 是开发者对小程序拥有所有权的凭证,在进行 微信登录、微信支付,或进行发送消息等高级开发时会使用到
7.微信开发者工具下载
1.为了帮助开发者简单和高效地开发和调试微信小程序,微信官方提供了 微信开发者工具,利用开发者工具可以很方便地进行小程序开发、代码查看以及编辑、预览和发布等。
2.微信开发者工具包含三个版本:
1.稳定版:稳定性高,开发中一般推荐大家使用稳定版本
2.预发布版:稳定性尚可,一般包含新的、大的特性,通过了内部测试
3.开发版:稳定性差,主要用于尽快修复缺陷和敏捷上线小的特性
注意事项:微信开发者工具必须联网使用!
8.文件和目录结构介绍
一个完整的小程序项目分为两个部分:主体文件、页面文件
1.主体文件 又称 全局文件,能够作用于整个小程序,影响到小程序的每个页面,主体文件必须放到项目的根目录下
1.主体文件由三部分组成:
1.app.js:小程序入口文件
2.app.json:小程序的全局配置文件
3.app.wxss:小程序的全局样式
注意事项:主体文件的名字必须是 app,app.js 和 app.json 文件是必须的!
2.页面文件 是每个页面所需的文件,小程序页面文件都存放在 pages 目录下,一个页面一个文件夹
1.每个页面通常由四个文件组成,每个文件只对当前页面有效:
1..js:页面逻辑
2..wxml:页面结构
3..wxss:页面样式
4..json:小页面配置
注意事项:.js 文件和 .wxml 文件是必须的!
9.如何新建页面 以及 调试基础库
1.小程序调试基础库是指 微信开发者工具中可以选择的微信基础库版本。
2.微信基础库是指小程序的运行环境,给小程序提供了运行所需的各种 AP!和工具,以及基础框架和运行逻辑等。
3.小程序开发者可以在微信开发者工具中选择所需的微信基础库版本,作为运行和调试小程序时的运行环境。
4.每个小程序有自己所允许使用的基础库最低版本要求,开发者需要选择要兼容的基础库版本,从而确保小程序的功能正