微信小程序入门

一.初识微信小程序

1.什么是微信小程序

微信小程序是一种不需要安装即可使用的应用，用户只需扫一扫或搜一搜即可打开应用，无需安装或卸载。

2.微信小程序的账号

在微信公众平台中，提供了4种类型的账号，分别是服务号，订阅号，小程序和企业微信(原企业号)。

微信公众平台网址

小程序是指在微信公众平台中发布小程序所使用的账号。

订阅号主要为用户传达资讯，类似报纸，杂志；

服务号主要用于服务交互，类似银行，114，提供查询服务；

企业微信主要用于公司内部通信使用，在关注企业号前要先验证身份；

小程序与订阅号，服务号的区别

图1

3.微信小程序的特点

微信小程序与原生APP,Web App的区别

图2

微信小程序的开发方式与Web APP相似，即通过WXML（类似HTML）,WXSS（类似CSS）和JavaScript进行开发，

并提供了丰富的组件和接口。

微信小程序适合开发一些业务逻辑简单，低频次使用，对性能要求不高的应用。

微信小程序的申请全面开放后，主题类型为企业，政府，媒体，其他组织和个人的开发者，均可申请注册小程序。

二.开发环境搭建

为了帮助开发人员简单高效的开发微信小程序，微信团队提供了一套 微信开发者工具，

该工具集成了公众号网页调试和微信小程序两种开发模式。

这里将对微信小程序开发环境的搭建进行详细讲解。

1.注册微信公众号

微信公众号主要用来区分每个开发者，以及小程序的发布，审核上线等。

注册步骤如下：

1.使用浏览器打开微信公众平台网站，单击立即注册链接

图3

2.选择注册的账号类型

3.根据页面中的提示完成账号注册，然后登陆账号，会进入如下页面，

该页面是小程序管理后台，提供了针对小程序的开发，发布，管理和统计等一系列的功能。

图4

4.从图4可以看出，小程序的发布流程共有两个步骤，

第一步，需要填写小程序的基本信息，下载小程序开发工具，进行小程序开发；开发完成后，进入第二步；

第二步，提交代码，等待审核，通过后即可将小程序发布。

在设置-开发设置中查看AppID

AppID又称为小程序ID,是每个小程序的唯一标识。每个小程序只有一个AppID，因此每个账号只能发布一个小程序。

如果需要发布多个小程序，需要注册多个小程序账号。

2.安装微信开发者工具

根据自己的操作系统下载对应的安装包

安装即可

3.小程序的开发体验

在用微信开发者工具时，需要先创建一个项目。

为了方便开发，开发者工具提供了两种模板，分别是 普通快速启动模块 和 插件快速启动模块，

前者用于开发小程序，后者用于开发小程序的插件。

这里将演示如何在微信开发者工具中基于普通快速开发模板创建一个Hello World小程序。

1.创建项目

首次打开微信开发者工具时，需要用微信扫码登录。

登录成功后，会提示选择开发模式。

选择小程序项目，并将注册微信小程序时的AppID，填到这里的AppID，

选择一个本地的空目录作为项目目录，

项目名称可随意填写，例如Hello World。

然后选择，建立普通快速启动模板，并确定。

2.目录结构

 目录结构说明

 在微信小程序中，每个页面由wxml、wxss、js和json文件组成，其中wxml和js文件必须存在，

wxss和json文件可以省略。

小程序的页面关系，如下

 运行效果如下：

可直接在开发工具试验效果，也可以点预览或真机调试，用手机试验效果