微信小程序开发入门实例

发布日期： 2017-11-16 阅读量： 作者： 网络

微信越来越贴近我们的生活，一些开发者们也不断地在开发着微信小程序，那么小程序到底怎么开发呢？如何入手呢？那么我们就用一个微信小程序”为例，简单的介绍下，微信小程序的入门级用法。

一、注册小程序账号

1、进入微信公众平台（https://mp.weixin.qq.com/），注册小程序账号，根据提示填写对应的信息即可。

2、注册成功后进入首页，在小程序发布流程->小程序开发与管理->配置服务器中，点击“开发者设置”。

3、会获得一个AppID，记录AppID，后面创建项目时会用到。

注意：如果要以非管理员微信号在手机上体验该小程序，那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块，绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号

二、下载微信web开发者工具

为了帮助开发者简单和高效地开发，微信小程序推出了全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能。

1、下载页面：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201715
根据系统，选择对应的工具版本下载

2、工具包含编辑、调试和项目三个页卡：

（1）编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作

（2）程序调试主要有三大功能区：模拟器、调试工具和小程序操作区

（3）项目页卡主要有三大功能：显示当前项目细节、提交预览和提交上传和项目配置

注意：启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，后续所有的操作都会基于这个微信帐号

三、编写小程序实例

1、实例目录结构

? 
test
 ├─ page
 │ └─ index
 │  ├─ index.js
 │  ├─ index.json
 │  ├─ index.wxml
 │  └─ index.wxss
 ├─ app.js
 ├─ app.json
 └─ app.wxss

随便看看