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

前言

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

主要功能

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

主页

这里写图片描述

简单计算器

这里写图片描述

番茄时钟

这里写图片描述

万年历

这里写图片描述

二维码

这里写图片描述

猜你喜欢

转载自blog.csdn.net/xvshu/article/details/80256086