微信小程序开发笔记-基础

一、 小程序的基本情况

1、什么是小程序？

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题，应用将无处不在，随时可用，但又无需安装卸载。

2、小程序的特点：

（1）速度快

无需下载安装，加载速度快于HTML5，微信登录，随时可用；

（2）无需适配

一次开发，多端兼容，免除对各种手机机型的适配；

（3）社交分享

支持直接或APP分享给微信和群聊；

（4）出色体验

可达到近乎原生App的操作体验和流畅度，在离线状态亦可以使用；
（每次打开HTML5页面都需要加载，在没有网络的情况下页面就无法打开，而小程序拥有离线使用的能力）

（5）用完即走、随手可得

通过扫码、长按、微信搜索、公众号、好友推荐等方式快速获取服务，用完即走；

（6）低门槛

已有公众号的组织可快速注册、可快速生成门店小程序；
（开发者可以通过企业身份或个人身份注册小程序，还可以通过赋用公众号资质创现小程序）

3、小程序特点的表现：

1、无需安装、快速访问

APP(约100M) VS 小程序(<4M)
故避免手机应用安装太多手机存储饱和所带来的卡顿等等问题；

2、随处可得、易于分享

3、出色的体验

优越的体验使得快速的多类目切换搜索、地图画布等等功能成为了可能

4、小程序的产品优势

小程序不是网页，也不是APP，是一种全新的产品体验；

5、小程序的能力发展

6、小程序的生态

7、小程序在各个行业的应用

（1）智慧零售：

①场景赋能

线下-购物-线上 避免排队！
②营销赋能

渠道-会员-品牌
③社交赋能

礼物-社交-销售

（2）电商行业：

沉浸式用户体验
丰富的购物场景
闭环的场景能力
大数据分享工具
电商平台

发现用户自建购物共享群；
内容电商

看公众号 -> 种草 -> 购买；
品牌电商

打通线上线下服务；

（3）生活服务：

出行

餐饮
移动支付、自助点餐；

旅游

共享

（4）政务民生：

互联网+公共服务
公安

医疗

税务

邮政

（5）高校

查询学校线上服务

小程序内领取、查看校园卡

通过小程序进入图书馆、食堂支付

（6）小游戏

比如：跳一跳

开发者可以通过这一接口去开发小游戏；

二、开发小程序的准备工作

1、小程序的技术发展过程

当微信中的webview逐渐成为移动web的一个重要入口时，微信就设计了JSSDK（解决了移动网页能力不足的问题，通过暴露微信的接口使得web开发者能够拥有更多的能力。但这个模式并没有解决使用移动网页遇到的体验不良的问题，也就是用户在访问网页的时候、在浏览器开始显示之前都会有一个白屏的过程）
从技术的维度来说，小程序的技术实际上就是基于web的技术；

2、小程序的技术模型

小程序的渲染层和逻辑层分别有两个进程管理，渲染层的界面使用了Webview进行渲染，逻辑层则采了JcCore进程运行Js脚本；
一个小程序存在多个页面，所以渲染层也存在多个webview进程；
这两个进程的通信会经由微信客户端做中转，逻辑层发送网络请求也进由Native转发，通过隔离渲染层和逻辑层我们能够做到比较好的管控，避免开发这动态修改渲染界面绕过微信平台很多运营规则。比如在渲染层开发群昵称等等，微信隐私数据；而逻辑层拿不到具体的数据。

3、小程序的程序语言：

渲染层：WXML + WXSS（类似于HTML + CSS）
逻辑层：依赖JavaScript
配置：JSON

4、小程序的开发流程：

具体过程：

（1） 账号申请、注册流程：

登录微信公众平台的官网：https://mp.weixin.qq.com/
在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。

选择注册的帐号类型
选择“小程序”，点击“查看类型区别”可查看不同类型帐号的区别和优势。

填写邮箱和密码：
请填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱。（邮箱注册：每个邮箱仅能申请一个小程序）

激活邮箱：
登录邮箱，查收激活邮件，点击激活链接。

填写主体信息：
点击激活链接后，继续下一步的注册流程。请选择主体类型选择，完善主体信息和管理员信息。（这里需要选择小程序的注册主体，小程序会分为个人、企业、政府、媒体、其他组织五种类型）

不同类型的小程序需要哪些注册材料：

以个人信息为例子：（需要输入个人信息）

最后扫二维码确认登录，身份验证成功后，你的个人微信号就将是小程序的管理员

注意：主体信息提交后不可以修改。

（2）小程序发布流程

填写小程序信息

基本信息：名称、头像、简介和服务类目

成员信息

开发信息：在这里可以获取小程序的AppID，

注意：在完成了信息的补充之后就可以进行代码的开发以及上传了

5、小程序开发工具的下载与安装：

（1）下载：

开发者需要先下载一个开发工具来进行小程序的开发，小程序开发工具也是在微信公众平台的官网上下载：

即：

接着找到开发者工具：

进入页面后，选择下载：

（2） 安装流程：

下载完成后运行：


然后自己选择安装地址后进行安装：

安装完成：

使用小程序开发工具需要开发者用自己的微信进行扫码登录：

扫码登录后：

选择小程序开发，选择项目文件夹，输入获取的AppID：

三、小程序的设计规范

略

四、小程序的运营规范