微信迷你计划开发指南

微信小组开发文件

迷你程序是连接用户和服务的全新方式。它们可以轻松获得和传播在微信中，并具有出色的用户体验。

微型计划技术开发的历史在2015年初，微信发布了一套完整的Web开发工具包，称为JS-SDK，并打开了数十种API，例如拍摄，录制，语音识别，QR码，QR码，地图，付款，共享，共享和卡片优惠券。微信面临的问题是如何设计更好的系统，以便所有开发人员都能在微信中获得更好的体验。这个问题是以前的JS-SDK无法处理的问题，它需要一个全新的系统才能完成，这是小程序的起源。迷你程序和普通网页开发之间的区别

迷你程序的主要开发语言是，MINI程序的开发与普通的网页开发非常相似，但是两者仍然略有不同。

Web Web小程序

单线螺纹

逻辑层和渲染层线程不同

有一个完整的浏览器对象

缺少BOM和DOM的API

V8

同时有许多不同的操作环境

运行时环境逻辑层渲染层

ios

安卓

V8

自定义内核

迷你程序开发人员工具

NWJS

迷你程序代码构成JSON配置

在小程序中，JSON扮演静态配置的角色

迷你程序配置应用程序。

app.json是当前的全局配置，包括所有页面路径，接口性能，网络超时时间，底部选项卡等

{ "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "Weixin", "navigationBarTextStyle":"black" } }

工具配置.. json

开发人员工具将在每个项目的根目录中生成一个... JSON，并且您在工具上进行的任何配置都将写入该文件。

当您重新安装工具或将计算机更改为正常工作时，只要加载同一项目的代码包，开发人员工具就会自动恢复到当时开发项目的个性化配置。

页面配置页面

page.json实际上用于表示与logs.json相关的配置（一系列文件）

也许Mini程序中的每个页面都有不同的音调来区分不同的功能模块，因此提供了JSON，允许开发人员独立地定义每个页面的某些属性（App.json是一个全局设置）

WXML模板

WXML充当HTML样角色，与HTML非常相似。 WXML由标签，属性等组成，但也存在差异。

还有更多的属性，例如wx：if和{{}} wxss样式之类的表达式

WXSS具有CSS的大多数功能，并且该小程序还在WXSS中进行了一些扩展和修改。

JS逻辑互动

在小程序中，用户的操作是通过编写JS脚本文件来处理的

您还可以致电JS中的Mini程序提供的丰富API。使用这些API，您可以轻松调整微信提供的功能，例如获取用户信息，本地存储，微信支付等。

迷你计划主机环境

微信客户为Mini计划提供的环境是主机环境。有了主机环境提供的功能，Mini程序可以完成许多由普通网页无法完成的功能。

渲染和逻辑层

小程序的运行环境分为一个渲染层和逻辑层，其中WXML模板和WXSS样式在渲染层中起作用，而JS脚本在逻辑层中起作用。

小程序的渲染层和逻辑层由两个线程管理：渲染层接口用于渲染，逻辑层使用线程运行JS脚本。

迷你程序有多个接口，因此渲染层中有多个线程。这两个线程之间的通信将通过微信客户端重定向。逻辑层发送网络请求并转发它们。

程序和页面

在打开Mini程序之前，微信客户端将将整个迷你程序的代码软件包下载到当地。

立即通过app.json字段，您可以知道当前的所有页面路径

字段中写的第一页是此迷你程序的主页

启动小程序后，将执行app.js中定义的应用程序的回调

如何编写页面：

微信客户端将首先基于EG.JSON配置生成接口。您可以在此JSON文件中的顶部定义颜色和文本。然后，客户端将加载页面的WXML结构和WXSS样式。最后，客户将加载EG.J。

Page({ // Page 是一个页面构造器 data: { // 参与页面渲染的数据 logs: [] }, onLoad: function () { // 页面渲染后 执行 } })

成分

迷你计划为开发人员提供了丰富的基本组件。开发人员可以将各种组件组合在一起，并将它们拼凑成自己的迷你程序，例如构建基础。

就像Vue的组件一样

API

为了允许开发人员轻松调整微信提供的功能，例如获取用户信息，微信支付等，Mini计划为开发人员提供了许多API

大多数API回调都是异步的，您需要处理代码逻辑的异步问题

小节目在音乐会上工作和释放

在中型和大型公司中，劳动分工非常谨慎，具有不同职位和角色的员工通常会同时参加同一Mini计划项目。

为此，迷你计划平台设计了不同的许可管理，以便项目经理可以更有效地管理整个团队的协作工作。

一起工作

迷你程序版本

一般来说，每个开发人员都有自己的相应开发版本

为了允许测试和产品经理具有完整稳定的版本来体验测试，平台允许将其中一个开发版本设置为体验版本

发布在线预览

单击开发人员工具的顶部操作栏上的预览按钮。开发人员工具将自动打包当前项目，并将迷你程序代码上传到微信服务器。成功后，QR码将在接口上显示。

使用当前的Mini程序开发人员在微信帐户上扫描QR码，以查看移动客户端上迷你程序的真实性能

上传代码

上传代码用于提交经验或审查

上传成功后，请登录Mini - -开发版本，以查找您刚提交和上传的版本。

提交以进行审查

微型程序的发布需要审查

在提交审核之前，请要求开发人员严格测试该版本。如果评论过多，可能会影响随后的时间

发布

迷你程序提供了两种出版模式：完整发布和分阶段发行

目录结构

该小程序包含一个描述整体程序的应用程序和多个描述其各自页面的页面。

应用程序

迷你程序的主要部分由三个文件组成，必须放置在项目的根目录中。

页

迷你程序页面由四个文件组成

为了促进开发人员减少配置项目，描述页面的四个文件必须具有相同的路径和文件名称

可以上传的文件

将编译以下文件，因此上传后无法直接访问它们：.js，app.json，.wxml， *.wxss（其中WXML和WXSS文件仅适用于App.json中配置的页面）

此外，只能上传白名单上的后缀名称的文件