注册微信小程序
先进入微信公众平台首页,点击 “立即注册” 按钮进行注册。注册的账号类型是 “小程序” 。
接着填写账号信息
需要注意的是:填写的邮箱必须是未被微信公众平台注册、未被个人微信号绑定的邮箱,而且每个邮箱仅能申请一个小程序。
激活邮箱之后,选择主体类型为 “个人类型”,并按要求登记主体信息。
主体信息提交后不可修改,该主体将成为你使用微信公众平台各项服务和功能的唯一法律主体与缔约主体,在后续开通其他业务功能时不得变更或修改。
一切 OK 就可以直接进入小程序的管理平台了。
然后在左侧导航栏点击 “设置”,找到开发设置,获得小程序的 AppID。
微信开发者工具下载
下载微信web开发者工具,根据自己的操作系统下载对应的安装包进行安装即可。
打开开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!
开发小程序
新建项目
打开开发者工具,选择 “小程序项目”,点击右下角的 “+” 新建项目。
选择一个空的文件夹作为项目目录,填入刚刚的 AppID,再填写一个项目名称。点击 “确定” 进入工具主界面。
项目目录结构
微信小程序的基本文件构造和项目目录结构说明如下:
├── app.js # 小程序的逻辑文件
├── app.json # 小程序的配置文件
├── app.wxss # 全局公共样式文件
├── pages # 存放小程序的各个页面
│ ├── index # index页面
│ │ ├── index.js # 页面逻辑
│ │ ├── index.wxml # 页面结构
│ │ └── index.wxss # 页面样式表
│ └── logs # logs页面
│ ├── logs.js # 页面逻辑
│ ├── logs.json # 页面配置
│ ├── logs.wxml # 页面结构
│ └── logs.wxss # 页面样式表
├── project.config.json
└── utils
└── util.js
根目录下有3个文件:app.js、app.json、app.wxss,小程序必须有这3个描述 APP 的文件,并放在根目录下。
这3个是应用程序级别的文件,与之平行的还有一个 pages 文件夹,用来存放小程序的各个页面。
我们可以和 web 前端开发技术做个类比:
wxml 类似于 HTML 文件,用来编写页面的标签和骨架,但里面只能用小程序自己封装的组件;
wxss 类似于 CSS 文件,用来编写页面样式,只是把 css 文件换成了 wxss 文件;
js 文件类似于前端编程中的 JavaScript 文件,用来编写小程序的页面逻辑;
json 文件用来配置页面的样式和行为。