小程序开发--起步（下）

小程序的宿主环境 - 宿主环境简介

1. 什么是宿主环境

宿主环境 （host environment）指的是 程序运行所 必须的依赖环境 。例如：

Android 系统 和 iOS 系统 是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的，所以，

Android 是安卓软件的宿主环境， 脱离了宿主环境的软件是没有任何意义的 ！

2. 小程序的宿主环境

手机微信 是小程序的宿主环境 ， 小程序 借助宿主环境提供的能力 ，可以完成许多普通网页无法完成的功能，例如：

微信扫码、微信支付、微信登录、地理定位、etc…

3. 小程序宿主环境包含的内容

①通信模型

②运行机制

③组件

④ API

小程序的宿主环境 - 通信模型

1. 通信的主体

小程序中通信的主体是 渲染层 和 逻辑层 ，其中：

① WXML 模板和 WXSS 样式工作在渲染层

② JS 脚本工作在逻辑层

2. 小程序的通信模型

小程序中的通信模型分为两部分：

① 渲染层 和 逻辑层 之间的通信

⚫ 由微信客户端进行转发

② 逻辑层 和 第三方服务器 之间的通信

⚫ 由微信客户端进行转发

小程序的宿主环境 - 运行机制

5. 小程序启动的过程

① 把小程序的代码包下载到本地

② 解析 app.json 全局配置文件

③ 执行 app.js 小程序入口文件， 调用 App() 创建小程序实例

④ 渲染小程序首页

⑤ 小程序启动完成

6. 页面渲染的过程

① 加载解析页面的 .json 配置文件

② 加载页面的 .wxml 模板和 .wxss 样式

③ 执行页面的 .js 文件， 调用 Page() 创建页面实例

④ 页面渲染完成

小程序的宿主环境 - 组件

1. 小程序中组件的分类

小程序中的组件也是由宿主环境提供的 ，开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组

件分为了 9 大类，分别是：

① 视图容器

② 基础内容

③ 表单组件

④ 导航组件

⑤ 媒体组件

⑥ map 地图组件

⑦ canvas 画布组件

⑧ 开放能力

⑨ 无障碍访问

2. 常用的视图容器类组件

① view

⚫ 普通视图区域

⚫ 类似于 HTML 中的 div，是一个块级元素

⚫ 常用来实现页面的布局效果

② scroll-view

⚫ 可滚动的视图区域

⚫ 常用来实现滚动列表效果

③ swiper 和 swiper-item

⚫ 轮播图容器组件 和 轮播图 item 组件

小程序的宿主环境 - API

1. 小程序 API 概述

小程序中的 API 是由宿主环境提供的 ，通过这些丰富的小程序 API，开发者可以方便的调用微信提供的能力，

例如：获取用户信息、本地存储、支付功能等。

2. 小程序 API 的 3 大分类

小程序官方把 API 分为了如下 3 大类：

① 事件监听 API

⚫ 特点：以 on 开头，用来 监听某些事件的触发

⚫ 举例：wx. onWindowResize (function callback) 监听窗口尺寸变化的事件

② 同步 API

⚫ 特点1：以 Sync 结尾的 API 都是同步 API

⚫ 特点2：同步 API 的执行结果，可以通过函数返回值直接获取，如果执行出错会抛出异常

⚫ 举例：wx. setStorageSync ('key', 'value') 向本地存储中写入内容

③ 异步 API

⚫ 特点：类似于 jQuery 中的 $.ajax(options) 函数，需要通过 success、fail、complete 接收调用的结果

⚫ 举例：wx. request () 发起网络数据请求，通过 success 回调函数接收数据

协同工作和发布 - 协同工作

了解 权限管理需求

在中大型的公司里，人员的分工非常仔细：同一个小程序项目，一般会有不同岗位、不同角色的员工同时参与

设计与开发。

此时出于管理需要，我们 迫切需要对 不同岗位、不同角色的 员工的权限进行边界的划分 ，使他们能够高效的进

行协同工作。

协同工作和发布 - 小程序成员管理

1. 成员管理的两个方面

小程序成员管理体现在 管理员 对小程序 项目成员 及 体验成员 的管理：

① 项目成员 ：

⚫ 表示参与小程序开发、运营的成员

⚫ 可登录小程序管理后台

⚫ 管理员可以添加、删除项目成员，并设置项目成员的角色

② 体验成员 ：

⚫ 表示参与小程序内测体验的成员

⚫ 可使用体验版小程序，但不属于项目成员

⚫ 管理员及项目成员均可添加、删除体验成员

2. 开发者 的权限说明

① 开发者权限 ：可使用小程序开发者工具及对小程序的功能进行代码开发

② 体验者权限 ：可使用体验版小程序

③ 登录权限 ：可登录小程序管理后台，无需管理员确认

④ 开发设置 ：设置小程序服务器域名、消息推送及扫描普通链接二维码打开小程序

⑤ 腾讯云管理：云开发相关设置

协同工作和发布 - 小程序的版本

软件开发过程中的不同版本

在软件开发过程中，根据时间节点的不同，会产出不同的软件版本，例如：

① 开发者编写代码的同时，对项目代码进行自测（ 开发版本 ）

② 直到程序达到一个稳定可体验的状态时，开发者把体验版本给到产品经理和测试人员进行 体验测试

③ 最后修复完程序的 Bug 后， 发布正式版 供外部用户使用

协同工作和发布 - 发布上线

小程序发布上线的整体步骤

一个小程序的发布上线，一般要经过 上传代码 -> 提交审核 -> 发布 这三个步骤。