本篇文章给大家带来了关于微信小程序开发的相关知识，主要介绍了微信小程序开发的步骤，起哄包括了准备工作、框架介绍、程序开发以及设计规范的相关问题，希望对大家有帮助。
【相关学习推荐：小程序开发教程】
本文简述微信小程序开发步骤,详细信息请参考微信开发文档
1、准备工作
1：注册 https://mp.weixin.qq.com/wxopen/waregister?action=step1 用没有注册过微信公众平台的邮箱注册一个微信公众号， 申请帐号 , 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。注册完成之后开始登录。
2：登录 https://mp.weixin.qq.com
我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。有了小程序帐号之后，我们需要一个工具来开发小程序。 根据官方教程进行开发 https://developers.weixin.qq.com/miniprogram/dev/framework/
3：安装开发工具
前往 开发者工具下载 页面，根据自己的操作系统下载对应的安装包进行安装，有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。打开小程序开发者工具，用微信扫码登录开发者工具，准备开发你的第一个小程序吧！ 关于开发工具的相关信息，可通过 【微信开发者工具 】了解详情
4：开启第一个小程序
新建项目选择小程序项目，选择代码存放的硬盘路径，填入刚刚申请到的小程序的 AppID，给你的项目起一个好听的名字，最后，勾选 “创建 QuickStart 项目” (注意: 你要选择一个空的目录才会有这个选项)，点击确定，你就得到了你的第一个小程序了，点击顶部菜单编译就可以在 IDE 预览你的第一个小程序。
5：编译预览
点击工具上的编译按钮，可以在工具的左侧模拟器界面看到这个小程序的表现，也可以点击预览按钮，通过微信的扫一扫在手机上体验你的第一个小程序。
以上版块内容可在 微信开放文档 中【起步】-【开始】中查看。
2、框架介绍
小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。
整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。
响应的数据绑定 框架的核心是一个响应的数据绑定系统，可以让数据与视图非常简单地保持同步。当做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新。
页面管理 框架 管理了整个小程序的页面路由，可以做到页面间的无缝切换，并给以页面完整的生命周期。开发者需要做的只是将页面的数据、方法、生命周期函数注册到 框架 中，其他的一切复杂的操作都交由 框架 处理。
基础组件 框架 提供了一套基础的组件，这些组件自带微信风格的样式以及特殊的逻辑，开发者可以通过组合基础组件，创建出强大的微信小程序 。
丰富的 API 框架 提供丰富的微信原生 API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等。
3、程序开发
当你学会了HTML+CSS+js,看了微信开发文档，你就可以很简单地开始微信小程序的开发啦~~
- 入口 每个小程序都需要在 app.js 中调用 App 方法注册小程序实例，绑定生命周期回调函数、错误监听和页面不存在监听函数等。
// app.jsApp({
onLaunch (options) {
// Do something initial when launch.
},
onShow (options) {
// Do something when show.
},
onHide () {
// Do something when hide.
},
onError (msg) {
console.log(msg)
},
globalData: 'I am global data'})
登录后复制
整个小程序只有一个 App 实例，是全部页面共享的。开发者可以通过 getApp 方法获取到全局唯一的 App 实例，获取App上的数据或调用开发者注册在 App 上的函数。
// xxx.jsconst appInstance = getApp()console.log(appInstance.globalData) // I am global data
登录后复制
-
全局配置 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 详见【全局配置】
-
页面配置 每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置，页面中配置项会覆盖 app.json 的 window 中相同的配置项。 详见【页面配置】
-
小程序生命周期 注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。 详细api详见https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html
-
页面生命周期 注册小程序中的一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。 生命周期对象详见https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html
-
组件 自带组件库weUI
-
API 丰富的apihttps://developers.weixin.qq.com/miniprogram/dev/api/
详细信息可具体参考《小程序开发指南》
【相关学习推荐：小程序开发教程】
以上就是总结分享微信小程序的开发步骤的详细内容，更多请关注每日运维网(www.mryunwei.com)其它相关文章！
