微信小程序开发笔记——wsdchong

微信小程序开发笔记

一、小程序简介

小程序起源于微信的webview；此类API最初是提供给腾讯内部一些业务使用，很多外部开发者发现后，照葫芦画瓢，逐渐成为微信中网页的事实标准。2015年初，微信发布了一整套网页开发工具包，称为JS-SDK，开发了拍摄、录音、语音识别、二维码、地图等几十个API。给所有web开发者打开了一扇全新的窗户。

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

运行环境	逻辑层	渲染层
iOS	Java script core	wkwebview
android	V8	chromium定制内核
小程序开发者工具	NWJS	Chrome webview

网页开发者在开发网页的时候，只需要使用到浏览器，并搭配上一下辅助工具或者编辑器即可。小程序开发需要申请小程序账号、安装小程序开发者工具、配置项目等等。

二、准备

1申请账号：

进入小程序注册页根据指引填写信息和提交相应的资料，就可以拥有自己的小程序账号；然后登陆小程序后台，在设置-开发选项就可以看到小程序的AppID。

2安装开发工具

前往开发者工具下载页面，根据操作系统选择安装包。

3新建小程序

新建项目选择小程序项目，选择代码存放的硬盘路径，填写AppID，然后勾选创建QuickStart项目，点击确定。

4编译预览

三、小程序代码构成

在QuickStart项目中，有json配置文件、wxml模板文件、wxss样式文件、js脚本逻辑文件。

Json配置：json是一种数据格式，用来静态配置。其中app.json是当前小程序的全局配置，包括所有页面路径、底部tab等；工具配置project.comfig,json为重新安装工具是，自动恢复个性化配置，包括编辑器的颜色等等；页面配置page.json用来表示pages/logs目录下的logs.json这类和小程序页面相关的配置。

• WXML模板：充当HTML的角色。
• WXSS样式：具有css大部分特性。
• JS逻辑交互：处理用户操作

四、小程序宿主环境（微信）

小程序的运行环境分为渲染层和逻辑层。其中WXML、WXSS在渲染层，JS在逻辑层。渲染层的界面使用WebView进行渲染，逻辑层采用JsCore线程运行JS脚本。由于小程序存在多个界面

微信小程序学习笔记一——概念

一、微信小程序优点

摘要一：

• 1方便快捷，用完即走。不需要下载APP；
• 2速度快，不占内存。小程序的前端代码存在微信服务器上，不需要加载，直接就打开。
• 3安全稳定，保密性强。小程序需要审核才能发布。其次小程序通信常采用https访问，ssl加密通信。
• 4功能丰富，场景丰富。比H5更多的手机系统功能，例GPS定位、录音、重力感应。
• 5开发成本低，维护简便。同样的功能，做一个APP需几十万，而小程序，一般几千即可。
• 6附近定位，入口众多。开发的入口较多，除了扫码，发朋友，搜索，附近等常用入口外，还能与公众号关联，文章嵌入，菜单链接。

摘要二：

• 1背靠巨大流量池，强社交属性，易传播。裂变，例养鲲；
• 2不要安装，即开即用。本质上是一种工具，取代了不少轻量级的APP，节省了用户的内存与运行空间；对于中小企业，降低了开发成本和难度。
• 3场景的连接，线上线下的连接。对线下实体店，方便了下单；对线上，也可用快递收到商品。
• 4更有效的营销。社交，社交裂变。

摘要三：

小程序的四大特点：

​ 唯一性（小程序名称与域名一样，先注册先拥有）

​ 新零售（线下门店）

​ 入口丰富（近50个）

​ 传播能力强（附近小程序，覆盖附近5公里所有微信用户，引流，传播）

小程序的12大优势：自带推广、用完即走、搜索、成本低、使用流畅、更多曝光机会、使用即是用户、在微信打开率高、高效的流量召回、公众号与小程序完美结合、积累用户。

小程序的五大价值：打造轻便又即时可用的用户体验

​ 从场景化提供、小程序内容丰富方面着手

​ 满足用户更多的O2O服务模式体验，助力新零售

​ 节省企业开发、推广成本

​ 扶持更多小而美的现象级产品及品牌。

二、历史、现状、未来

历史：自2017年1月9日发布，不温不火；在2017年年底发布小程序“跳一跳”，开始流行。

现状：截至2018年5月，有58万小程序上线，小程序活跃用户达1.7亿。

未来：只要腾讯不出事。未来线下零售，结合微信小程序的使用，更加方便。提高服务效率。

• 如路边烧烤，可以挂一个微信小程序点餐、预约或者外卖。
• 如校园商店：可以挂一个微信小程序支付、送外卖等。
• 如预约住房，服装店的扫描支付，网吧的续费

2019/7/20写的笔记。可能有些纰漏，请以微信小程序官网为准。