起步
- 注册小程序,登录 小程序后台 ,可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 。
- 下载微信小程序开发工具下载地址
- 打开编辑器,新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID
- 点击预览,微信扫码可在手机上预览
代码构成
app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
工具配置 project.config.json 通用的编辑器配置
app.wxss 全局样式
app.js 整个小程序只有一个 App 实例,是全部页面共享的。开发者可以通过 getApp 方法获取到全局唯 一的 App 示例,获取App上的数据或调用开发者注册在 App 上的函数。
page.json 页面title,颜色,组件的配置
page.js 页面需要page()注册
生命周期
App() 必须在 app.js 中调用,必须调用且只能调用一次
- onLaunch:小程序初始化完成时触发,全局只触发一次
- onShow:小程序启动,或从后台进入前台显示时触发
- onHide:小程序从前台进入后台时触发
- onError:小程序发生脚本错误或 API 调用报错时触发
- onPageNotFound:小程序要打开的页面不存在时触发
其中globalData 全局对象,可以在页面里通过getApp()拿到,这里一般定义一些全局属性,比如登录信息
页面声明周期
- onLoad(params):页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数。
- onShow:页面显示/切入前台时触发
- onReady:页面初次渲染完成时触发。一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互
- onHide:页面隐藏/切入后台时触发。 如 wx.navigateTo 或底部 tab 切换到其他页面,小程序切入后台等。
- onUnload:页面卸载时触发。如wx.redirectTo或wx.navigateBack到其他页面时。
- onPullDownRefresh:监听用户下拉刷新事件。
- onReachBottom:监听用户上拉触底事件
- onPageScroll:监听用户滑动页面事件。
- onShareAppMessage:监听用户点击页面内转发按钮(button 组件 open-type=“share”)或右上角菜单“转发”按钮的行为,并自定义转发内容。
路由
- wx.switchTab(object):跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,接受一个对象,其中 url参数为跳转路径,路径后不能带参数。
- reLaunch: 关闭所有页面,打开到应用内的某个页面,url可以带参数
- redirectTo:关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。(urll可以传参)
- navigateTo:保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。(url可以传参)
- navigateBack:关闭当前页面,返回上一页面或多级页面(delta(number):返回的页面数,如果 delta 大于现有页面数,则返回到首页。)
发布上线
点击开发者工具顶部操作栏的上传按钮,填写版本号以及项目备注,上传成功之后,登录小程序管理后台 - 开发管理 - 开发版本 就可以找到刚提交上传的版本