总结分享微信小程序的开发步骤(微信小程序开发方法)
这篇文章为您带来有关
微信小程序开发
相关知识主要介绍微信小程序开发的步骤,包括准备工作、框架介绍、程序开发和设计规范。希望对大家有所帮助。
程序员必备的接口测试调试工具:立即使用=++Mock+设计、调试、文档、自动化测试工具后端、前端、测试、在线协作同时进行,内容实时同步
【相关学习推荐:小程序开发教程】
本文简单介绍了微信小程序的开发步骤。详细信息请参考微信开发文档。
1、准备工作
1:注册。使用未在微信公众平台注册过的邮箱地址注册微信公众号,申请账号,按照指引填写信息并提交相应信息,即可拥有自己的小程序账号。注册完成后,登录。
2:登录
我们可以在菜单“设置”-“开发设置”中看到小程序。小程序相当于小程序平台上的身份证,以后你会在很多地方使用到它(注意,这与服务号或订阅号不同)。当我们有了小程序账号之后,我们就需要一个开发小程序的工具。按照官方教程开发
3:安装开发工具
进入开发者工具页面,根据您操作系统对应的安装包进行安装。更详细的开发者工具介绍请参见《开发者工具简介》。打开小程序开发者工具,使用微信扫描二维码登录开发者工具,准备开发你的第一个小程序吧!有关开发工具的相关信息,您可以通过【微信开发者工具】了解更多
4:打开第一个小程序
5:编译预览
以上部分内容可以在微信开放文档中的【开始】-【开始】中查看。
2. 框架介绍
小程序开发框架的目标是让开发者以最简单、最高效的方式在微信中开发具有原生APP体验的服务。
整个小程序框架体系分为逻辑层(App)和视图层(View)两部分。小程序提供了自己的视图层描述语言WXML和WXSS,以及基础的逻辑层框架,并提供了视图层和逻辑层之间的传输和事件系统,让开发者可以专注于数据和逻辑。
从本质上讲,反应式数据绑定框架是一个反应式数据绑定系统,它使得保持数据与视图同步变得非常简单。修改数据时,只需要修改逻辑层的数据,视图层就会相应更新。
页面管理框架管理整个小程序的页面路由,实现页面之间的无缝切换,赋予页面完整的生命周期。开发者所需要做的就是将页面的数据、方法和生命周期函数注册到框架中,其他所有复杂的操作都由框架处理。
基础组件框架提供了一组基础组件。这些组件具有微信风格的风格和特殊的逻辑。开发者可以通过组合基础组件来创建功能强大的微信小程序。
丰富的API框架提供了丰富的微信原生API,可以轻松激活微信提供的能力,如获取用户信息、本地存储、支付功能等。
3. 程序开发
一旦学会了HTML+CSS+并阅读了微信开发文档,就可以轻松开始开发微信小程序了~~
每个小程序在入口处都需要调用app.js中的App方法来注册小程序实例、绑定生命周期回调函数、错误监控和页面不存在监控功能等。
// app.({ () { // 当 . }, () { // 当显示时执行。 }, () { // 当隐藏时执行。 }, (msg) { .log(msg) }, : '我是数据'})登录后复制
整个小程序只有一个App实例,所有页面共享。开发者可以通过方法获取全局唯一的App实例,获取App上的数据,或者调用开发者在App上注册的函数。
// xxx. = ().log(.) // 我是登录后复制的数据
全局配置小程序根目录下的app.json文件用于全局配置微信小程序,确定页面文件的路径、窗口性能、设置网络超时、设置多个选项卡等,具体参见【全局配置】页面对各个小程序页面进行配置。您还可以使用同名的.json文件来配置该页面的窗口性能。页面中的配置项会覆盖app.json中相同的配置项。详情请参见【页面配置】小程序生命周期注册小程序。接受一个参数,指定小程序的生命周期回调等。详细的API详情请参见页面生命周期注册小程序中的一个页面。接受一个类型参数,指定页面的初始数据、生命周期回调、事件处理函数等。有关生命周期对象的详细信息,请参见组件自带组件库的丰富API。
详细信息请参考《小程序开发指南》
【相关学习推荐:小程序开发教程】