微信小程序新手教程 1.0

一、什么是微信小程序

1. 简介

小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

2. 技术原理

2.1 线程

小程序类似于普通的网页，但是又有区别。网页开发中渲染线程和脚本线互斥，长时间的脚本运行可能会导致页面失去响应。而在小程序中，二者是分开的，分别运行在不同的线程中。

2.2 API

网页开发中可以使用DOM，而小程序则无。小程序的逻辑层运行在 JSCore 中，并没有一个完整浏览器对象，因而缺少相关的DOM API和BOM API。这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、 Zepto 等，在小程序中是无法运行的。同时JSCore 的环境同 NodeJS 环境也是不尽相同，所以一些 NPM 的包在小程序中也是无法运行的。

2.3 环境

​网页开发者需要面对的环境是各式各样的浏览器，PC 端需要面对 IE、Chrome、QQ浏览器等，在移动端需要面对Safari、Chrome以及 iOS、Android 系统中的各式 WebView 。而小程序开发过程中需要面对的是两大操作系统 iOS 和 Android 的微信客户端，以及用于辅助开发的小程序开发者工具，小程序中三大运行环境也是有所区别的。

运行环境	逻辑层	渲染层
iOS	JavaScriptCore	WKWebView
安卓	V8（Google的开源高性能JavaScript和WebAssembly引擎，用C ++编写。）	chromium定制内核
微信开发者工具	NWJS	Chrome WebView

3. 微信小程序与APP、公众号、H5

3.1 小程序 VS APP

	微信小程序	APP
下载安装	扫描二维码、分享链接或直接搜索获取	应用商店下载并安装在手机内存中
占用空间	基本不占用手机内存	占用手机比较大的内存空间（可以储存大量数据）
开发	一次性适配所有机型 ，平均开发期仅为两周	需要适配多种机型，平均开发周期在3个月以上
发布	仅需公众号平台审核	需要提交到各种应用商店审核，由于审核机制不一样，需要提交的材料也不一样，十分繁琐
推广	可以通过二维码、微信搜索、用户分享等方式直接获得，推广难度比较低	需要用户主动搜索下载安装后才可用，推广难度极大

3.2 小程序 VS 公众号

微信小程序	公众号
小程序放弃了传统公众号的关注、群发、分享到朋友圈功能，而在设计规范、产品体验、运营规范、都有自己的一套审核标准，旨在培养产品本身。小程序链接是无法分享到朋友圈的，只能发给好友和群（朋友圈只能分享截图）。	订阅号：以内容为主体，适合经常给用户群发消息的产品，例如媒体。目前做的比较多的KOL大号，以及一些自媒体。服务号：以提供服务为主，比较适合做低频次（用的次数较少）使用。企业号：拥有较强的组织架构，和隐蔽性，适用于制作内部企业CRM系统。

3.3 小程序 VS H5 VS 原生APP

	小程序	H5页面	原生APP
开发难度	简单	中等	难
开发速度	快	中等	慢
后期维护	最容易	中等	最难
框架核心	混合	HTML5	原生
体验和流畅	中等	差	最好
内容体积限制	2MB	较大	无限
迭代速度	快	最快	慢
功能支持	中等	少	最多
推广成本	低	最低	高
用户流程	中等	最低	最高

二、微信小程序有什么用

1. 用途

1、引流（辐射周围5公里所有微信用户）

2、营销（支持砍价，拼团，预约，优惠券，在线商城，在线客服，在线交易等，玩转各种营销）

3、微网站（多纬度展示企业信息，商品信息，视频图文信息）

4、回头客管理（微信小程序的特性，访问即留存，只要使用过您的小程序，小程序就会留存客户手机）

5、支持一键买单，一键打电话，一键联系微信客服

6、后台手机随时掌控，支持多人登录，运营就跟发朋友圈一样简单，可以一键同步朋友圈

7、你能接触客户的使用场景中，都可以用小程序来承载。

8、 个人小程序可以开发一些小工具

2. 优势

① 微信拥有庞大的流量，而且微信给小程序提供了多种入口方式，方便用户直达小程序。
② 天生的社交属性，让小程序拥有更好的发展前景。（拼多多就是靠用户裂变发展起来的，半年就达到了京东的程度）
③ 开发成本低、周期短、维护费用少

三、开发前准备

0. 能力要求

微信小程序开发对于有过网页开发经验者没有更多的要求，如果是零经验的小白，建议先了解JS、HTML、CSS相关语法知识再开始准备开发小程序。

1. 申请小程序AppID

1.1 搜索并进入微信公众平台主页，在页面右上角选择立即注册，进入注册页面

1.2 选择小程序

1.3 填写好相关信息和提交相应材料即可获得小程序账号（如果是个人开发的小程序请选择个人类型）

2. 安装开发者工具

2.1 下载地址（目前只支持 Windows 和 MacOS 两种类型的）

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2.2 安装（按照提示安装即可）

2.3 工具的基本使用

https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

3. 其它注意事项

在新建项目时，后端服务选择小程序云开发（需要AppID才可用），这样新建的项目就会自动适配云开发的环境。（云函数运行环境为 Node.JS）

四、总结

关于小程序的简单介绍和开发前的准备工作都已经在上面了，做好开发前准备后将开始学习小程序的开发。此外学习小程序应该先学会使用微信开发者文档，下一期将介绍微信开发者文档。欢迎加入我们的学习交流群为：978381571