微信小程序

------------------------------------------❀持续更新❀---------------------------------------------------------

1-1:微信小程序的介绍

01.‘微信开放平台’与‘微信公众平台’

微信开放平台是微信对外提供微信开放接口的一个平台，这些开放出来的微信接口，供第三方的网站或App使用；
平台登录地址：https://open.weixin.qq.com

微信开放平台的能力 ：
 微信分享
 微信支付
 微信登录
 微信收藏
 etc…

谁会使用微信开放平台？
 第三方的网站
 第三方的App
 后台开发人
 只有通过 开发者资质认证 后，才能使用开放平台提供的能力；
 个人名义，无法申请资质认证；
 只有企业类型的主体，才能申请资质认证；

---

微信公众平台：是运营者通过公众号这个媒介，为微信用户提供资讯和服务的平台；
微信公众平台开发：是指基于微信公众号进行的业务开发；
平台登录地址：https://mp.weixin.qq.com
微信公众平台的账号分类 ：

如何选择适合自己的公众号类型 ：
 如果想简单的发送消息，达到宣传效果，建议选择订阅号；
 如果想用公众号获得更多的功能、提供更多的服务，例如开通微信支付，建议选择服务号；
 如果想用来管理内部企业员工、团队，对内使用，可申请企业微信（原企业号）；
 如果想提供类似于手机App的服务体验，建议选择小程序；

02.什么是小程序

官方定义：微信小程序是一种全新的连接用户与服务的媒介，它可以在微信内被便捷地获取和传播，同时具 有出色的使用体验。
小程序的特点：体积小、方便获取与传播；
小程序的理念：用完即走；

小程序适合的业务场景：
 适合做用完即走的应用：
例如：点外卖、打车、代驾、共享单车等；
 不适合做重度依赖的应用：
例如：音乐视频播放类、大型手机游戏类等；

小程序和传统手机App的区别：
开发原理不同
 App：基于手机操作系统提供的API进行开发；
 小程序：基于微信提供的API进行开发；

运行方式不同
 App：直接安装并运行在手机操作系统之上；
 小程序：必须基于手机微信才能安装和运行

03.小程序中的组件和API

API 的三种分类 ：

• 事件监听 API
   特点：这类 API 以 on 开头，用来监听某个事件是否触发
   举例：wx.onNetworkStatusChange(function callback) // 当网络状态更改时触发此事件
• 同步 API
   特点1：以 Sync 结尾的 API 都是同步 API
   特点2：同步 API 的执行结果，可以通过函数返回值直接获取
   举例：var batteryInfo = wx.getBatteryInfoSync() // 获取电池信息
• 异步 API
   特点：通常需要指定回调函数接收调用的结果；小程序中，大多数 API 都是异步 API
   举例：wx.request(Object object) // 发起 HTTPS 网络请求

1-2:微信小程序的配置

01.注册小程序开发账号

官网教程说的很详细了：官网申请开发者账号的教程

02.小程序账号设置

基本信息设置 ：

• 登录小程序后台 -> 设置 -> 基本设置
• 在基本设置中，可以设置小程序头像、小程序名称、介绍、服务类目等基本信息

开发者设置 ：
登录小程序后台 -> 开发 -> 开发设置

管理员可以为项目成员分配的权限如下：
 开发者权限：开发模块权限，可使用体验版小程序、开发者工具（IDE）
 运营者权限：管理、推广、设置等模块权限，可使用体验版小程序
 数据分析者（基础分析）：统计模块权限，可使用体验版小程序

添加成员和分配权限：
 登录小程序后台 -> 管理-> 成员管理。
 可以添加小程序项目成员，并配置成员的权限。
 详细文档地址

03.下载并安装微信开发者工具

推荐下载稳定版本，下载地址：点我

04.创建小程序项目

微信扫码登陆之后进入项目创建界面：

创建好后界面如下，一目了然，就不过多介绍，随便点点就明白了😀

小程序项目的结构 ：小程序的入口文件是app.js

05.小程序页面中每个组成部分的作用

 .wxml : 用来描述当前这个页面的结构，同时提供了类似于Vue中指令的语法
 .js : 用来定义当前页面中用到的数据、交互逻辑和响应用户的操作
 .json : 用来定义当前页面的个性化配置，例如，为每个页面单独配置顶部颜色、是否允许下拉刷新等
 .wxss : 用来定义样式来美化当前的页面

1-3:微信小程序的基础知识

01.快速新建小程序页面

在文件夹下右键→新建Page→结果将快速创建页面所需的4个文件