个人微信小程序--大叔工具箱

前言

最近比较好奇微信推出的小程序，火爆的程序已经不需要过多介绍了，这篇文章待着大家一步一步搭建自己的微信小程序，大叔工具箱是我自己开发的小程序，目前进度是审核中，大家喜欢的可以玩一玩，源码全部分享在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）

主要功能

• 简单计算器
• 番茄时钟
• 万年历

主页

简单计算器

番茄时钟

万年历

二维码