最近没事,研究一下微信的小程序,小程序也是火了很久的微信快应用。最火的时候应该是微信的跳一跳出现的时候,那时候人人都在跳一跳,小弟当时也是很迷恋这个应用的。也许很多大佬从当时就有研究过小程序的开发,但是小弟现在才开始接触,应该也不晚。下面就简单介绍一下吧!!!
小程序简介:
微信小程序是运行在微信环境中的应用,不能移植到其他平台使用。微信有专门的开发工具和开发语言,而且还提供丰富的API,可以让小程序与手机硬件及微信进行交互,如:访问手机存储,开启摄像头,获取当前微信用户,使用微信支付,向微信发消息等。
简单的说小程序就是一个APP,只是他是在微信中运行而已。
小程序开发:
微信小程序开发需要具备基本的前端知识,HTML,css,JavaScript这三种是前端的基础,而小程序开发使用的微信自己的开发语言,wxml,wxss,这两种是微信自创的小程序开发语言,相当于HTML,css。JavaScript也只使用核心,没有浏览器中使用的复杂。
这就是小程序开发的必备条件。
开发工具安装:
小程序开发工具是微信团队自己开发的一个工具,我们可以根据自己的操作系统进行安装。开发工具下载
下载后按步骤进行安装,完成后桌面会出现开发工具的快捷方式,如果没有在自己安装的路径下将其发送至桌面创建快捷方式。
开发工具介绍:
这是开发工具在桌面的显示图标,名称也是很好理解的。
进入程序是如下界面:这里是新建项目的基本设置,需要注意的就是项目名称最好使用英文,目录就自定义到自己所要放项目的目录文件中,AppID如果没有而且我们只是用来测试的话,我们可以使用测试号,系统会生成一个测试使用的ID号,其他的默认就好。
我们新建好项目后进入开发界面,下面图中标注了窗口的重要展示分区,我们的代码书写,调试等都在下面的窗口进行。
新建小程序:
新建一个小程序,其文件夹中必然包含5个元素:
其中pages文件夹里面保存的是我们的显示界面,因为我们的小程序是有一个个界面组成,那么这个文件夹中就是每个页面的源代码,我们之后的工作基本也是在这个文件夹进行页面的操作。而app.js,app.json,app.wxss三个程序是原始的,名称不能更改。
这就是新建小程序最初的结构。
app.js:其中的App()函数是用来注册一个小程序,接收一个对象,其中的onLaunch()会在打开应用时执行。这个参数接收的object对象还有onShow()是在小程序从后台进入前台是触发的函数,onHide()是在小程序从前台进入后台时触发运行的。我们还可以自己定义一些我们想要的函数,也可以写到里面。
app.json:这个文件是一个json格式的,是对整个小程序进行全局配置,可以进行小程序的页面组成配置,小程序的页面颜色,导航条样式等。这个文件不能添加任何注释,否则无法编译。
app.wxss:同css一样是对页面的内容进行一定的渲染,这里主要是对wxml进行渲染。
以上就是小程序的入门简介和基本框架构成。