笔记一:认识微信小程序

第一节:微信小程序介绍

1.什么是微信小程序?

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

关键字:无需下载安装卸载 触手可及 用完即走

2.微信小程序的功能

小程序可提供的功能:
分享页、线下扫码、挂起状态、消息通知、实时音视频录制播放、
硬件连接、小游戏、公众号关联、搜索查找、识别二维码

小程序不提供的功能:
没有集中入口、没有应用商店;
没有订阅消息;
不能推送消息。

3.微信小程序使用场景

发布小程序时需要选择服务类目,通过服务类目可知小程序的使用场景。

服务类目一般包括:
个人服务类目:针对以个人为开发主体的小程序,服务范围小。
企业服务类目:针对以企业为开发主体的小程序,服务范围大。

4.微信小程序能取代App吗?

原生App一般同时需要开发Android和iOS版本,而小程序只需一版,因此,小程序是“跨平台”的;

小程序是跨平台的,但是缺乏成熟的组件,缺少统计、绘图组件,以前的echarts和hightcharts都无法使用;

小程序不支持WebView,大量已被静态化好的HTML页面完全没办法在小程序上展示;

小程序想取代Android和iOS还要走很长的路,是蓝海还是死海需要时间来验证。

5.微信小程序的发展历程

(1) 2016年1月9日, 微信团队首次提出应用号概念;
(2) 2016年9月22日,微信公众平台对外发送小程序内侧邀请,内侧名额200个;
(3) 2016年11月3日,微信小程序对外公测,开发完成后可以提交审核,但公测期间不能发布;
(4) 2016年12月28日, 张小龙在微信公开课解答外界对微信小程序几大疑惑,包括没有应用商店、没有推送消息等等内容;
(5)2016年12月30日,微信公众平台对外公告,上线的微信小程序,最多可生成10000个带参数的二维码;
(6) 2017年1月9日, 微信小程序正式上线;
(7) 2017年3月27日, 个人开发者可以申请小程序开发和发布;
(8) 2017年4月 17日,小程序代码包大小限制扩大到2M.;
(9) 2017年4月20日, 发布公众号关注小程序新规则;
(10) 2017年5月12日, 发布“小程序数据助手”;
(11) 2017年12月28日,微信更新的6.6.1版本开放了小游戏;
(12)2018年1月18日, 微信提供了电子化的侵权投诉渠道,用户或者企业可以在微信公众平台以及微信客户端入口进行投诉;
(13) 2018年1月25日, 微信团队在“微信公众平台”发布公告称,“从移动应用分享至微信的小程序页面,用户访问时支持打开来源应用;
(14)2018年3月, 微信正式宣布小程序广告组件启动内测,内容还包括第三方可以快速创建并认证小程序、新增小程序插件管理接口和更新基础能力,开发者可以通过小程序来赚取广告收入。

6.微信小程序带来的机会和发展前景

机会:
小程序为很多想做程序员的人提供了机会,因为它的开发门槛较低;
小程序为企业提供了流量入口,企业可以通过小程序推广自己的产品。

发展前景:生态体系、开放能力、用户粘性

7.微信小程序与小程序一样吗?

微信小程序是小程序的一种。
小程序有很多,比如支付宝、百度、360等都有自己的小程序,微信小程序只是其中一种,但由于与微信有着天然的联系,所以微信小程序是最广为人知的。

第二节:开发准备

1.基础技术准备

在这里插入图片描述
这个界面就是当你新建一个项目时,所呈现的。
上方就是菜单和工具栏。
白色部分就是模拟器,在它的右边是编辑器,截图的时候没有注意到调试器是隐藏的,所以在这个界面上就没有调试器。(左上方,头像的右边绿色的部分,显示绿色为显示,没有绿色表示隐藏,你可以点击它来选择是否隐藏)

我主要想说的是在编辑器这一部分:
编辑器分为两部分:
(1)项目文件目录和结构展示区
也就是紧靠白色区域的右边,有明显的结构层次。
在项目目录或文件上单击右键可完成新建文件、删除、重命名目录或文件等。

wxml文件:微信小程序自定义了一套语言称为WXLL(微信标记语言),它的使用方法类似于HTML。常用标签为 view 、text 等,没有所谓的div、span、p一类的标签了,我们习惯称它们为组件

wxss文件:微信小程序还定义了自己的样式语言WXSS,兼容了CSS,并做了扩展。

app.js:做为小程序的入口,里面有个App实例,每个小程序只会有一个App实例,小程序启动以后触发onLaunch函数执行,获取用户信息

app.json:是小程序的所有全局配置,pages字段放置所有页面的路径,window字段定义所有页面的顶部背景颜色,文字颜色

app.wxss文件就是页面公用的样式,仅支持部分css选择器

(2)代码编辑区
最右边一大片空白的地方,就是编辑代码的地方。因为我没有选中文件,所以此时是空白的。

在该区编写代码,可通过模拟器区实时预览。
修改wxss、wxml文件,会刷新当前页面。
修改js或json文件,会重新编译小程序。

2.注册开发者账号

3.安装微信开发者工具

4.微信小程序官方开发文档

账号的注册与微信开发者工具的安装就不再介绍。
微信小程序官方开发文档就类似于一个字典,在网页上搜索也很很容易找到的。

说明:笔记内容是根据 西安交通大学 谢涛老师的 MOOC视频《微信小程序开发》来写的。

猜你喜欢

转载自blog.csdn.net/xiaobai_qian/article/details/106960056
今日推荐