一、 小程序的基本情况
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:
三、小程序的设计规范
略