微信小程序初体验

微信小程序概述

什么是微信小程序

微信小程序公众号的一种,叫做应用号,2016年9月12日,定名为小程序
小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。也就是说,这是一种新的公众号的形态,这种形态下面用户关注了一个公众号,就像安装了一个 APP 一样,这样的话我们可以尝试做到让更多的 APP 有一种更轻量的形态,但是又更好使用的一种形态来存在。

公测

  1. 公测参与者:企业、政府、媒体、其他组织
  2. 公测内容:
  3. 开发支持:提供一系列工具帮助开发者快速接入并完成小程序开发;
  4. 开发文档:介绍小程序的开发框架、基础组件、API 及相关开发问题;
  5. 开发者工具:集成开发调试、代码编辑、小程序预览及发布等功能;
  6. 设计指南:提出设计原则及规范,帮助建立友好、高效、一致的用户体验;
  7. 运营规范:介绍微信公众平台小程序的审核标准及运营规则;
  8. 小程序体验 demo:可体验小程序组件及 API 功能,并提供调试功能供开发者使用;

注意事项:现阶段每个机构帐号只允许注册最多 50 个小程序,每个小程序一年需要缴纳 300 块钱,所有小程序帐号都需要绑定一个电子邮箱,一个手机号码只能绑定 5 个小程序。

微信小程序与 APP

  1. 微信小程序是微信公众号中的应用号,是一种集成在智能手机第三方应用程序中的轻应用,而不是单独的一款应用程序。其本质还是HTML5+CSS+JAVASCRIPT,只是微信小程序提高了自身对于 HTML5 的特性支持能力,开放了更多的系统调用。将有更好的用户体验、更快的加载速度、更多的功能。

  2. APP(应用程序;外语全称:Application)指的是智能手机的第三方应用程序,即一个单独的应用程序。比较著名的应用商店有苹果的 App Store,谷歌的 Google Play Store,诺基亚的 Ovi store,还有黑莓用户的 BlackBerry App World,微软的 Marketplace 等。

  3. 应用分类:游戏、教育、电商、办公、旅游、生活、社交、工具、视频、音频、新闻、财经、图形;

  4. 功能特性:相机(拍照、摄像、二维码)、地图(定位、导航)、推送(通知、消息)、闪光灯(电筒)、蓝牙(硬件通讯、智能家居)、陀螺仪(摇一摇、水平仪)、重力感应、罗盘、网络;

  5. 微信小程序取代 APP

    用户使用流程:搜索-下载-安装-注册-使用-卸载

  • 搜索:微信小程序只需要在微信发现模块;而 APP 需要在不同的应用市场搜索(iOS:APPStore;android:GoodPlayStore/小米应用商店/应用宝/91助手);

  • 下载:微信小程序只需要关注而不需要下载安装就可以使用;而APP不管功能单一还是复杂都需要下载安装后才能使用;

  • 安装:微信小程序不需要安装,则不需要占用存储空间;而APP需要下载后进行安装,占用存储空间,造成存储空间会不断减少;

  • 使用:微信小程序因为是集成在微信应用程序中的应用号,所以不需要进行注册后才能使用;而 APP 在使用过程中则有些功能是需要用户进行注册后才能进行使用,这就造成即使使用频率低的 APP 也需要进行注册,且过多的注册不同的 APP 也会造成用户对注册信息的遗忘;

  • 卸载:微信小程序不再使用后不需要进行卸载操作;而 APP 在用户不再使用的情况下需要用户进行卸载操作;

开发者开发流程:需求-设计-开发-发布

  • 开发语言:微信小程序开发人员需要了解掌握weiLang:视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架、页面管理框架、基础组件、丰富的API(视图、内容、按钮、导航、多媒体、网络能力、罗盘、重力感应、画板等)

  • 开发环境:微信小程序:windows/Mac/Linux+微信 web 开发者工具;

  • 发布市场:微信小程序开发完成后,直接通过开发帐号进行提交,然后经过审核再分发,保证质量;

    注意事项:微信小程序开发及发布权限(见开头注意事项);iOSAPP 开发发布权限(个人开发者帐号 99 美元/年-必须发布到 APPStore 市场但无数量限制、企业开发者帐号 299 美元/年-可以不发布到 APPStore 市场且无数量限制);android 开发发布权限()。

开发使用体验

  • 应用页面层级:微信小程序一个应用同时只能打开 5 个页面

  • 应用包大小:微信小程序为了提升体验流畅度,编译后的代码包大小需小于 1MB ,大于 1MB 的代码包将上传失败

  • 启动与运行:微信小程序启动、运行速度好过纯网页的 H5(有强大的框架和丰富的组件)

  • 功能特点:微信小程序的功能比 H5 的功能强大(有强大的框架和丰富的组件)

  • 流畅性:微信小程序具有一定的缓存能力,避免同一个页面多次进行网络请求刷新

  • 开发调试:微信小程序使用微信 web 开发工具集成的调试工具 Wxml、Console、Sources、Network、Appdata、Storage。

    1. Wxml panel 在模拟器中实时看到修改的情况,且可以快速找到页面中组件对应的 wxml 代码。

    2. Sources panel 用于显示当前项目的脚本文件

    3. Network panel 用于观察和显示 request 和 socket 的请求情况

    4. Appdata panel 用于显示当前项目当前时刻 appdata 具体数据,实时地反馈项目数据情况

    5. Storage panel 用于显示当前项目的使用 wx.setStorage 或者 wx.setStorageSync 后的数据存储情况

    6. Console panel 有两大功能:开发者可以在此输入和调试代码,及错误输出

开发初体验

开发前准备

注册

想要发布微信小程序,一定要先注册,注册流程参照官网微信小程序接入指南

绑定开发者

登录微信登录微信公众平台小程序,进入用户身份- 开发者,新增绑定开发者。

  • 已认证的小程序可绑定:<= 20人
  • 未认证的小程序可绑定:<= 10人

获取AppID

进入“设置-开发设置”,获取AppID信息

开发工具

官方

官方 IDE(最新版本 0.10.102800)

小程序快速生成平台

0%