入坑 微信小程序

微信小程序

什么是小程序？

1. 2017 年度百度百科十大热词之一

2. 微信小程序，简称小程序，英文名 Mini Program，是一种不需要下载安装即可使用的应用( 张小龙对其的定义是无需安装，用完即走，实际上是需要安装的，只不过小程序的体积特别小， 下载速度很快，用户感觉不到下载的过程 )

3. 小程序刚发布的时候要求压缩包的体积不能大于 1M,，否则无法通过，在 2017 年 4 月做了改进，由原来的 1M 提升到 2M；

4. 2017 年 1 月 9 日 0 点，万众瞩目的微信第一批小程序正式低调上线。

小程序可以干什么？

1. 同 App 进行互补，提供同 app 类型的功能，比 app 使用方便简洁

2. 通过扫一扫或者在微信搜索即可下载

3. 用户使用频率不高，但又不得不用的功能软件，目前看来小程序是首选

4. 连接线上线下

5. 开发门槛低， 成本低

微信⼩程序历史

• 2016年1⽉11⽇，微信之⽗张⼩⻰时隔多年的公开亮相，解读了微信的四⼤价值观。张⼩⻰指出， 越来越多产品通过公众号来做，因为这⾥开发、获取⽤⼾和传播成本更低。拆分出来的服务号并没 有提供更好的服务，所以微信内部正在研究新的形态，叫「微信⼩程序」 需要注意的是，之前是叫 做 应⽤号

• 2016年9⽉21⽇，微信⼩程序正式开启内测。在微信⽣态下，触⼿可及、⽤完即⾛的微信⼩程序引 起⼴泛关注。腾讯云正式上线微信⼩程序解决⽅案，提供⼩程序在云端服务器的技术⽅案。

• 2017年1⽉9⽇，微信推出的“⼩程序”正式上线。“⼩程序”是⼀种⽆需安装，即可使⽤的⼿ 机“应⽤”。不需要像往常⼀样下载App，⽤⼾在微信中“⽤完即⾛”。

---

如何注册小程序

1.进入微信公众平台

微信工作平台链接

2.点击立即注册并点击小程序

3.填写信息

4.注册成功

成功后会进入以下界面

小程序开发环境

1.下载开发软件

下载地址

根据自己电脑的情况选择一个稳定版的下载链接

2.安装软件

方法

下一步、下一步、下一步。。。

如和创建一个小程序项目

1.打开安装好的微信开发者工具并扫码登录

2.创建小程序项目

3.填写项目信息

！！！注 AppID 必须要填写测试号权限比较少最好填写自己注册号的 AppID

AppID在下面查看

1.登录自己的小程序

2.点击开发管理里面的开发设置

4.创建完成

微信开发者工具 常用工具

1.模拟器（默认开启）

2.编辑器（默认开启）

3.调试器（默认开启）

！！！注：以上三个最少要留下一个无法全部关闭

4.开发模式（默认即可）

5.编译模式

6.预览

7.真机调试

手机启动小程序后他会弹出一个真机调试框 它可以监控到用真机调试的时候的动向

手机显示为 可以查看数据传输的状态

8.清理缓存（可选择性清理）

---

项目目录

• pages -------------------------- 页面文件夹
  • index ---------------------- 首页
    • index.js -------------- 首页的逻辑文件 （页面行为文件）
    • index.json ---------- 首页的配置文件 （页面的局部配置文件）
    • index.wxml ---------- 首页的配置文件 （页面结构文件）
    • index.wxss ---------- 首页的样式文件 （页面样式文件）
  • logs ------------------------ 日志页面
    • logs.js
    • logs.json
    • logs.wxml
    • logs.wxss
• utils ------------------------------ 第三方工具的js（可以删除）
  • utils.js
• app.js --------------------------- 项目的全局入口文件
  • 在根目录下必须有一个 app.js 文件 文件中需要调用 App() 方法必须调用且只能调用一次。不然会出现无法预期的后果。
• app.json ----------------------- 全局配置文件
• app.wxss ---------------------- 全局样式文件
• projevt.config.json ---------- 项目的配置文件 如appid
• sitemap.json ----------------- 微信索引配置文件

总结

本篇文章简述了小程序的发展史和作用
介绍了一下开发环境
讲述了如何创建小程序项目
简述了一下文档结构