微信小程序开发入门

微信小程序开发入门

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。小程序能够实现消息通知、线下扫
码、公众号关联等七大功能。其中，通过公众号关联，用户可以实现公众号与小程序之间相互跳转。

小程序基本概念

1.申请账号

点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。
登录主界面即可以看到自己的AppID，在开发项目的时候需要绑定，才可以执行某些操作。

2.下载开发工具

微信小程序开发工具已经很完善了，持续保持更新。有win32、64和mac版本。登录之后，窗口包括模拟器、编辑器和调试器三部分内容。

3.配置结构

在建立项目的时候，可以选择快速模板，从目录结构可以看到小程序的配置内容。

app.json 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
1.pages字段 —— 用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
2.window字段 —— 小程序所有页面的顶部背景颜色，文字颜色定义在这里的。

小程序开发者工具在每个项目的根目录都会生成一个 project.config.json，你在工具上做的任何配置都会写入到这个文件，当你重新安装工具或者换电脑工作时，你只要载入同一个项目的代码包，开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

page.json 其实用来表示 pages/logs 目录下的 logs.json 这类和小程序页面相关的配置。

网页编程还是基于HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。其中，从名字来看，小程序与之对应，功能一致，而且很多语法都基本类似。其中 WXML 充当的就是类似 HTML 的角色，由标签和属性共同组成页面的内容布局。WXSS相当于CSS的功能，可以更改内容的样式。JS即JAVASCRIPT语言，实现逻辑交互功能。

4.基础开发

在了解了HTML、CSS和JAVASCRIPT和小程序开发配置结构的基础上，就可以开发自己的第一个小程序了。基础的学习内容可以在W3C中学习了解，上手也会较为轻松。http://www.w3school.com.cn/h.asp

posted @ 2018-12-06 10:19 皂雨霏霏 阅读( ...) 评论( ...) 编辑 收藏