如何注册微信小程序账
在小程序之前,首先需要在微信公众平台上注册一个小程序账。以下是详细的注册步骤:
1. 打开微信公众平台
首先,打开微信公众平台的官网,点击“立即注册”按钮。
2. 选择注册账类型
在注册页面,选择“小程序”作为你要注册的账类型。
3. 输入账信息
填写必要的账信息,包括邮箱、等。
4. 邮箱激活
注册完成后,系统会发送一封激活邮件到你的邮箱。进入邮箱,点击激活链接完成账激活。
5. 信息登记
激活后,进入信息登记页面。选择注册类型为“中国大陆”和“个人”,如果是企业或其他组织,则需要提供相应的资质认证。
6. 主体信息登记与确认
在进行身份验证时,推荐使用自己的微信进行扫码验证。将微信设置为小程序账的,方便后续进行成员管理和相关设置。
7. 注册完成,进入后台
完成注册后,进入小程序管理后台,补充小程序的基本信息,如名称、图标、描述等。
注意:在填写小程序类目时,不要选择游戏类型。
小程序者账与密钥
小程序者账是免费的,只要满足资质要求即可免费注册,并且会获得对应的者权限。一个完整的者账由小程序AppID和小程序密钥组成。
- 小程序AppID:是小程序在微信账体系内的唯一身份凭证,后续在新建小程序项目、真机调试、发布小程序等操作时都会用到。
- 小程序密钥:是者对小程序拥有所有权的凭证,在进行微信登录、微信支付等高级操作时会使用到。
小程序成员角色
小程序提供了两种不同的成员角色:项目成员和体验成员。
- 项目成员:参与小程序、运营的成员,可以登录小程序管理后台,包括运营者、者及数据者。
- 体验成员:参与小程序内测体验的成员,可以使用体验版小程序,但不属于项目成员。
微信者工具
微信官方提供了微信者工具,者可以利用该工具进行小程序、代码查看、编辑、预览和发布等功能。者工具包含三个版本:
- 稳定版:稳定性高,推荐使用。
- 预发布版:稳定性尚可,包含新特性,适合体验新功能。
- 版:稳定性较差,主要用于修复缺陷和快速上线新特性。
创建小程序项目
- 打开微信者工具,选择“小程序”,点击“+”新建项目。
- 填写项目信息,包括项目名称、目录、AppID等。
- 点击“确定”,如果能看到小程序的主界面,说明项目创建成功。
小程序项目结构
一个完整的小程序项目分为两个部分:主体文件和页面文件。
- 主体文件:又称小程序全局文件,能够作用于整个小程序,必须放在项目的根目录下。
- 页面文件:每个页面所需的文件,存放在
pages
目录下,一个页面一个文件夹。
小程序配置文件
小程序中常见的配置文件有以下几种:
- 全局配置文件:
app.json
,用于配置小程序的全局属性和页面路由。 - 局部配置文件:
page.json
,用于配置当前页面的窗口样式、页面标题等。 - 项目配置文件:
project.config.json
,用于保存项目的配置信息和者的个人设置。 - 搜索配置文件:
sitemap.json
,配置小程序及其页面是否允许被微信索引。
小程序页面配置
小程序的页面配置,也称局部配置,每一个小程序页面也可以使用自己的page.json
文件来对本页面的窗口表现进行配置。需要注意的是,页面配置文件的属性和全局配置文件中的window
属性几乎一致,如果出现相同的配置项,页面中配置项会覆盖全局配置文件中相同的配置项。
小程序者工具缓存问题
微信者工具缓存非常严重,如果发现代码和预期不一样,可以先点击“编译”。如果编译后还是没有达到预期的效果,就需要清除缓存,甚至重启项目。
小程序页面跳转
在小程序中,如果需要进行页面跳转,需要使用navigator
组件,常用的属性有:
url
:当前小程序内的跳转链接。open-type
:跳转方式,如navigate
、redirect
等。
小程序事件绑定
小程序中绑定事件与在网页中绑定事件几乎一致,只不过在小程序中不能通过onclick
的方式绑定事件,也没有onmouseover
等事件。小程序中绑定事件使用bind
方法,事件也需要使用tap
事件来进行代替。
小程序数据绑定
小程序页面中使用的数据均需要在Page
方法的data
对象中进行定义。在将数据定义好以后,需要在wxml
中绑定数据,数据绑定最简单的方式是使用{{}}
语法(双大括)将变量包起来。
小程序生命周期
小程序的生命周期分为三类:应用级别、页面级别和组件级别。应用生命周期通常是指一个小程序从启动到销毁的整个过程,页面生命周期就是指小程序页面从加载到销毁的整个过程,组件的生命周期指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。
小程序API
小程序框架提供了丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息、本地存储、支付功能等。几乎所有小程序的API都挂载在wx
对象底下,例如:wx.request
、wx.login
等。
小程序网络请求
在微信小程序中,如果需要发起HTTP网络请求需要使用wx.request
,请求的域名需要在小程序管理平台进行配置。如果小程序正式版使用wx.request
请求未配置的域名,在控制台会有相应的报错。
小程序本地数据缓存
小程序中也能够像网页一样支持本地数据缓存,本地数据缓存是小程序存储在当前设备上硬盘上的数据。本地数据缓存有非常多的用途,我们可以利用本地数据缓存来存储用户在小程序上产生的操作,在用户关闭小程序重新打开时可以恢复之前的状态。
小程序路由与通信
在小程序中实现页面的跳转,有两种方式:声明式导航(navigator
组件)和编程式导航(使用小程序提供的API)。常见的跳转方式有navigate
、redirect
、switchTab
等。
小程序上拉加载与下拉刷新
上拉加载是小程序中常见的一种加载方式,当用户滑动页面到底部时,会自动加载更多的内容。下拉刷新是小程序中常见的一种刷新方式,当用户下拉页面时,页面会自动刷新,以便用户获取最新的内容。
小程序自定义组件
小程序目前已经支持组件化,可以将页面中的功能模块抽取成自定义组件,以便在不同的页面中重复使用。自定义组件通过Component
构造器进行构建,在构造器中可以指定组件的属性、数据、方法等。
小程序样式隔离
默认情况下,自定义组件的样式只受到自定义组件wxss
的影响。除非在页面wxss
中使用了标签名选择器来直接指定样式,这些选择器会影响到页面和全部组件。通常情况下这是不推荐的做法。
小程序数据监听器
数据监听器可以用于监听和响应任何属性和数据字段的变化。有时,需要在一些数据字段被setData
设置时,执行一些操作。那么就可以使用observers
数据监听器来实现。
小程序代码复用
小程序的behaviors
方法是一种代码复用的方式,可以将一些通用的逻辑和方法提取出来,然后在多个组件中复用,从而减少代码冗余,提高代码的可维护性。
小程序外部样式类
外部样式类:在使用组件时,组件使用者可以给组件传入externalClasses
类名,通过传入的类名修改组件的样式。如果需要使用外部样式类修改组件的样式,在Component
中需要用externalClasses
定义若干个外部样式类。