本文将一步步教你如何创建自己的第一个小程序,并在手机上体验。
开发准备
首先下载开发者工具,然后打开微信公众平台登陆你的账号在设置—开发者设置中找到AppID(小程序ID)并复制
新建项目
安装好开发者工具,使用微信扫码登录。选择创建“项目”,填入上文得到的 AppID ,并设置一个项目名称,比如“HelloWorld”,并选择一个文件夹作为代码存储的目录,为方便初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹是个空文件夹,开发者工具会提示,是否需要创建一个 quick start 项目。选择“是”,开发者工具会帮助我们在开发目录里生成一个简单的 demo,最后点击“新建项目”就可以了。
这样一个简单的小程序就搭起来了
编写示例小代码
接下来我们来看看文件夹的和各个文件的作用,“pages”文件夹主要放各个页面的文件,每个页面一个文件夹,文件夹内必须包含xxx.js、xxx.wxml、xxx.wxss三个文件。.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,微信小程序会读取这些文件,并生成小程序实例。 另外 app.js、app.json、app.wxss 这三个是主配置文件,我们可以将通用样式写在app.wxss里。
我们先介绍下这几个文件,app.js是小程序的脚本代码。可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。
//app.js
App({
onLaunch: function () {
//调用API从本地缓存中获取数据
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
},
ge