先说一下,前一段,我突然对微信小程序来了兴趣。然后跑到度娘上找指南。发现没有很清楚的流程。(现在有没有我也不清楚,毕竟我查的时候是几个月前了,懒得查了。)于是我想着自己总结一篇流程。免得再有同学想快速入门找不到。
首先呢,微信小程序,肯定要在微信平台上做点事情。所以,第一步我们要打开微信公众平台。在首页的最下边,有三个框框。最右边是小程序。鼠标放上去会出现小程序开发文档,切记,是小程序不是小游戏!!!!然后按照点击去的简易教程开始注册账号,安装工具等一系列操作。下载一个demo,可以看一下它的框架结构,然后有一些API,自己可以去看一看。
其次就是开发了。在开发上,采取ES6,所以要注意自己的编译器用不用安装babel(安装指令npm install babel-cli babel-eslint -g)。
我就拿我写的小程序为例了。因为我做的小程序比较简单,所以我的结构比较简单。根目录下就是js文件夹(js代码),res文件夹(图片),game.js(引入Main,new Main),game.json(配置文件,比如模拟器是否显示手机状态栏(我也不知道叫什么,我就叫那个位置为状态栏,反正就是一个手机屏幕上的y部分)),index.html(canvas,你的小程序就渲染在这个地方。别忘了引入主模块,我的就是那个game.js),Main.js(加载你的其他模块,初始化啊,dataStore和模块的关系啊(比如我做的铅笔小鸟,把每一个页面上的东西,
小鸟,铅笔,大地,背景,都用自己写的put方法,按照key,value装进dataStore里,便于维护)),project.config.json(配置文件,这个就不多说了)。
下面的程序开发就按照个人意愿和习惯开发了。顺便说一下,demo很给力,直接可以运行,便于大家参考。