全面掌握微信小程序开发的终极指南

如何注册微信小程序

  在小程序之前,首先需要在微信公众平台上注册一个小程序账。以下是详细的注册步骤:

1. 打开微信公众平台

  首先,打开微信公众平台的官网,点击“立即注册”按钮。

2. 选择注册账类型

  在注册页面,选择“小程序”作为你要注册的账类型。

3. 输入账信息

  填写必要的账信息,包括邮箱、等。

4. 邮箱激活

  注册完成后,系统会发送一封激活邮件到你的邮箱。进入邮箱,点击激活链接完成账激活。

5. 信息登记

  激活后,进入信息登记页面。选择注册类型为“中国大陆”和“个人”,如果是企业或其他组织,则需要提供相应的资质认证。

6. 主体信息登记与确认

  在进行身份验证时,推荐使用自己的微信进行扫码验证。将微信设置为小程序账的,方便后续进行成员管理和相关设置。

7. 注册完成,进入后台

  完成注册后,进入小程序管理后台,补充小程序的基本信息,如名称、图标、描述等。

注意:在填写小程序类目时,不要选择游戏类型。

小程序者账与密钥

  小程序者账是免费的,只要满足资质要求即可免费注册,并且会获得对应的者权限。一个完整的者账由小程序AppID和小程序密钥组成。

  • 小程序AppID:是小程序在微信账体系内的唯一身份凭证,后续在新建小程序项目、真机调试、发布小程序等操作时都会用到。
  • 小程序密钥:是者对小程序拥有所有权的凭证,在进行微信登录、微信支付等高级操作时会使用到。

小程序成员角色

  小程序提供了两种不同的成员角色:项目成员和体验成员。

  • 项目成员:参与小程序、运营的成员,可以登录小程序管理后台,包括运营者、者及数据者。
  • 体验成员:参与小程序内测体验的成员,可以使用体验版小程序,但不属于项目成员。

微信者工具

  微信官方提供了微信者工具,者可以利用该工具进行小程序、代码查看、编辑、预览和发布等功能。者工具包含三个版本:

  • 稳定版:稳定性高,推荐使用。
  • 预发布版:稳定性尚可,包含新特性,适合体验新功能。
  • :稳定性较差,主要用于修复缺陷和快速上线新特性。

创建小程序项目

  1. 打开微信者工具,选择“小程序”,点击“+”新建项目。
  2. 填写项目信息,包括项目名称、目录、AppID等。
  3. 点击“确定”,如果能看到小程序的主界面,说明项目创建成功。

小程序项目结构

  一个完整的小程序项目分为两个部分:主体文件和页面文件。

  • 主体文件:又称小程序全局文件,能够作用于整个小程序,必须放在项目的根目录下。
  • 页面文件:每个页面所需的文件,存放在pages目录下,一个页面一个文件夹。

小程序配置文件

  小程序中常见的配置文件有以下几种:

  • 全局配置文件app.json,用于配置小程序的全局属性和页面路由。
  • 局部配置文件page.json,用于配置当前页面的窗口样式、页面标题等。
  • 项目配置文件project.config.json,用于保存项目的配置信息和者的个人设置。
  • 搜索配置文件sitemap.json,配置小程序及其页面是否允许被微信索引。

小程序页面配置

  小程序的页面配置,也称局部配置,每一个小程序页面也可以使用自己的page.json文件来对本页面的窗口表现进行配置。需要注意的是,页面配置文件的属性和全局配置文件中的window属性几乎一致,如果出现相同的配置项,页面中配置项会覆盖全局配置文件中相同的配置项。

小程序者工具缓存问题

  微信者工具缓存非常严重,如果发现代码和预期不一样,可以先点击“编译”。如果编译后还是没有达到预期的效果,就需要清除缓存,甚至重启项目。

小程序页面跳转

  在小程序中,如果需要进行页面跳转,需要使用navigator组件,常用的属性有:

  • url:当前小程序内的跳转链接。
  • open-type:跳转方式,如navigateredirect等。

小程序事件绑定

  小程序中绑定事件与在网页中绑定事件几乎一致,只不过在小程序中不能通过onclick的方式绑定事件,也没有onmouseover等事件。小程序中绑定事件使用bind方法,事件也需要使用tap事件来进行代替。

小程序数据绑定

  小程序页面中使用的数据均需要在Page方法的data对象中进行定义。在将数据定义好以后,需要在wxml中绑定数据,数据绑定最简单的方式是使用{{}}语法(双大括)将变量包起来。

小程序生命周期

  小程序的生命周期分为三类:应用级别、页面级别和组件级别。应用生命周期通常是指一个小程序从启动到销毁的整个过程,页面生命周期就是指小程序页面从加载到销毁的整个过程,组件的生命周期指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。

小程序API

  小程序框架提供了丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息、本地存储、支付功能等。几乎所有小程序的API都挂载在wx对象底下,例如:wx.requestwx.login等。

小程序网络请求

  在微信小程序中,如果需要发起HTTP网络请求需要使用wx.request,请求的域名需要在小程序管理平台进行配置。如果小程序正式版使用wx.request请求未配置的域名,在控制台会有相应的报错。

小程序本地数据缓存

  小程序中也能够像网页一样支持本地数据缓存,本地数据缓存是小程序存储在当前设备上硬盘上的数据。本地数据缓存有非常多的用途,我们可以利用本地数据缓存来存储用户在小程序上产生的操作,在用户关闭小程序重新打开时可以恢复之前的状态。

小程序路由与通信

  在小程序中实现页面的跳转,有两种方式:声明式导航(navigator组件)和编程式导航(使用小程序提供的API)。常见的跳转方式有navigateredirectswitchTab等。

小程序上拉加载与下拉刷新

  上拉加载是小程序中常见的一种加载方式,当用户滑动页面到底部时,会自动加载更多的内容。下拉刷新是小程序中常见的一种刷新方式,当用户下拉页面时,页面会自动刷新,以便用户获取最新的内容。

小程序自定义组件

  小程序目前已经支持组件化,可以将页面中的功能模块抽取成自定义组件,以便在不同的页面中重复使用。自定义组件通过Component构造器进行构建,在构造器中可以指定组件的属性、数据、方法等。

小程序样式隔离

  默认情况下,自定义组件的样式只受到自定义组件wxss的影响。除非在页面wxss中使用了标签名选择器来直接指定样式,这些选择器会影响到页面和全部组件。通常情况下这是不推荐的做法。

小程序数据监听器

  数据监听器可以用于监听和响应任何属性和数据字段的变化。有时,需要在一些数据字段被setData设置时,执行一些操作。那么就可以使用observers数据监听器来实现。

小程序代码复用

  小程序的behaviors方法是一种代码复用的方式,可以将一些通用的逻辑和方法提取出来,然后在多个组件中复用,从而减少代码冗余,提高代码的可维护性。

小程序外部样式类

  外部样式类:在使用组件时,组件使用者可以给组件传入externalClasses类名,通过传入的类名修改组件的样式。如果需要使用外部样式类修改组件的样式,在Component中需要用externalClasses定义若干个外部样式类。

© 版权声明
THE END
分享