系统开发环境
微信小程序的运行环境分为渲染层和逻辑层,分别有两个线程进行管理,界面使用 WebView 进行渲染,逻辑层则采用 JsCore运行 JavaScript 脚本,这两个线程的通信经由微信客户端做中转,微信客户端通过HTTPS......
微信小程序相关技术
微信小程序上线的初衷除了让用户使用更加方便,同时也给开发者提供更加方便便捷的开发环境来进行更加高效的进行开发。任何一套系统的设计与开发都需要一套完整的系统框架,用来保证整套系统的完整运作。对于微信小程序来说,为了使开发更加快捷,微信小程序采用的框架为 MINA 应用框架。MINA 框架主要为一个负责数据交互的系统。其构成主要包括用来显示页面的视图层结构与负责实现数据交互的逻辑层系统。其中,视图层负责发出事件请求,逻辑层负责接受数据,处理数据......
微信小程序文件目录
每一个微信小程序的开发,都必定包括一个 app—其主要功能是针对于小程序整体进行描述,以及一个 page—主要用于描述小程序的页面。在开发小程序时,微信小程序初始化的代码架构目录是十分简单明了的,仅仅显示了 2 个目录,即 pages 目录还有 utils 目录,以及 app.js、app.json、app.wxss 这 3 个应用文件。针对于 pages.....
小程序页面文件构成
在开发小程序之前,首先根据所开发系统的功能,在 pages下面建立页面对应的子文件夹,我们所设计的系统一共有多少页面,就相应的在 Pages下建立多少个子文件夹。相应的,在每个子文件夹即页面所对应的文件夹下都由四个子文件构成。这四个文件的后缀拓展名分别为.js,.json,.wxml,.wxss。并且规定,这四个文件的文件名必须与所在的子文件夹的文件名名相同。每个子文件下的四个文件都有不同的作用。
.js 文件是子文件夹中的核心逻辑文件,主要是用来编辑每个页面的的业务处理程序。 .wxml 文件是用来创建我们所需建立的所有页面的结构和布局,也是必须创建的文件类似于网页中 html 的功能。 .wxss 文件是当前页面的样式文件。负责调整当前页面的样式布局....
微信小程序 API 接口
微信内部提供丰富的原生 API 接口,可以方便的调起微信提供的能力。x.on开头的API是监听某个事件发生的API接口,接受一个CALLBACK函数作为参数。当该事件触发时,会调用CALLBACK函数。如未特殊约定,其他API接口都接受一个OBJECT作为参数。OBJECT中可以指定success,fail,complete来接收接口调用结果。
参数名 | 类型 | 必填 | 说明 |
success | Function | 否 | 接口调用成功的回调函数 |
fail | Function | 否 | 接口调用失败的回调函数 |
complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
API列表主要包括网络API和文件 API等,其中具体如下表所示:
网络API列表:
API | 说明 |
发起网络请求 | |
上传文件 | |
下载文件 | |
创建WebSocket连接 | |
监听WebSocket打开 | |
监听WebSocket错误 | |
发送WebSocket消息 | |
接受WebSocket消息 | |
关闭WebSocket连接 | |
监听WebSocket关闭 |
文件 API 列表:
API | 说明 |
保存文件 | |
获取已保存的文件列表 | |
获取已保存的文件信息 | |
删除已保存的文件信息 | |
打开文件 |
开发环境和系统设计
在开发微信小程序之前,首先需要对小程序进行登陆注册。注册微信小程序的步骤如下:
- 首先输入网址进入微信公众平台进行注册。
-
开始注册后选择“小程序”进入正式注册界面。注册界面出现后需根据提示填写页面中空白信息,填写后点击立即注册即可。
-
点击注册后,微信公众平台会向上一步中的登陆邮箱中发送一封登录邮件,此时登陆此注册邮箱,并在邮箱中点击来自微信平台的邮件中的链接,即可进行验证,验证之后即可登陆信息登记界面。
-
主题信息提交后,对小程序进行登录,小程序后台即可以使用了。进入小程序后,将开发所需要的相关信进行补充,其中包括程序的命名、头像、简介等。
微信小程序开发工具的安装
在上述的微信小程序的注册中已经完成了微信小程序的注册,接下来要对系
统开发所需的微信开发者工具的下载与安装。
- 首先在微信公众平台上下载微信开发者工具。
-
随后打开微信 web 开发者工具,通过微信扫描打开的二维码授权登录。微信授权登录,微信 web 开发者工具进入到如图界面。
-
新建项目时,首先点击小程序进入界面,并点击新建项目(此项目需要选择一个新建文件夹。输入项目名称,点击确定,创建项目完成。
如需完整内容及提供帮助可留言或发消息