微信小程序
《微信小程序》
------------------------------------------❀持续更新❀---------------------------------------------------------
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个文件