怎么搭建微信小程序(从0到1搭建一个简易微信小程序)

1、安装微信开发者工具(过程略)


2、创建第一个微信小程序


输入已申请好的微信小程序的AppID


3、工程界面目录结构简介:


4、 app.js 页面数据交互

App() 为程序方法入口;


onLaunch()方法只会在app创建后调用一次;


globalData内部可以配置全局的变量数据


5、app.json 页面配置


6. 新建第一个业务功能页面


在pages文件夹下新建文件夹,如tools,然后在tools文件夹下选择新建page,会在tools文件夹下自动创建好四个文件,如下图:


搭建微信小程序

然后会看到app.json中已自动加入子页面路径:


最后,重点看下新建的子页面Page()的生命周期


tools.js:


// pages/tools/tools.js


Page({

/**

* 页面的初始数据

*/

data: {

},


/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

},


/**

* 生命周期函数--监听页面初次渲染完成

*/

onReady: function () {

},


/**

* 生命周期函数--监听页面显示

*/

onShow: function () {

},


/**

* 生命周期函数--监听页面隐藏

*/

onHide: function () {

},


/**

* 生命周期函数--监听页面卸载

*/

onUnload: function () {

},


/**

* 页面相关事件处理函数--监听用户下拉动作

*/

onPullDownRefresh: function () {

},


/**

* 页面上拉触底事件的处理函数

*/

onReachBottom: function () {

},


/**

* 用户点击右上角分享

*/

onShareAppMessage: function () {

}


})

您可以还会对下面的文章感兴趣

使用微信扫描二维码后

点击右上角发送给好友