前言
最近比较好奇微信推出的小程序,火爆的程序已经不需要过多介绍了,这篇文章待着大家一步一步搭建自己的微信小程序,大叔工具箱是我自己开发的小程序,目前进度是审核中,大家喜欢的可以玩一玩,源码全部分享在git上,喜欢的可以clone下(https://github.com/xvshu/WX_Uncle-s-Toolbox)
1 公众平台申请
利用没有绑定微信任何服务的邮箱,申请一个微信公众平台中的小程序,注意,一个邮箱只能申请一个小程序,申请地址:https://mp.weixin.qq.com/cgi-bin/wx
2 开发准备
参考开发文档:https://developers.weixin.qq.com/miniprogram/dev/index.html
2.1 申请app
在网站申请app之后,获取appid,留着备用
2.2 下载开发工具
前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。
打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!
2.3 结构简介
文件组成:
.json 后缀的 JSON 配置文件
.wxml 后缀的 WXML 模板文件
.wxss 后缀的 WXSS 样式文件
.js 后缀的 JS 脚本逻辑文件
类比html开发
.js负责逻辑处理部门与html中js文件类似
.wxml 负责展示部分与html中html文件类似
.wxss 负责样式控制部分 与html中css文件类似
.json 负责配置部分 属于独立的配置与html无关
具体参考微信简答例子:https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/file.html#WXML-%E6%A8%A1%E6%9D%BF
3 测试发布
3.1 测试
在开发工具页面就可以预览自己小程序,并进行逐步调试,与谷歌浏览器的调试器非常类似,相信用的朋友会非常容易上手
3.2 发布
发布的时候,严格遵守腾讯相关规范
4 大叔工具箱
微信小程序,大叔工具箱源码(Uncle’s toolbox)
主要功能
- 简单计算器
- 番茄时钟
- 万年历