微信小程序开发快速回顾

概述

微信官方开发文档中摘抄的内容，提纲挈领，一目了然。

 

开发文档

申请账号

https://developers.weixin.qq.com/miniprogram/dev/index.html

demo下载

https://github.com/wechat-miniprogram/miniprogram-demo

小程序开发指南

https://developers.weixin.qq.com/ebook?action=get_post_info&docid=0002c8979d0678bb00862b8595b00a 

 

开发工具

使用微信开发者工具新建空白项目。

AppID不是微信公众平台-设置-基本设置-账号信息中的原始ID。

AppID在微信公众平台-开发-开发设置。

微信开发者工具，详情中设置调试基础库。

 

编程开发

理解微信客户端、小程序（前端）、服务器（后端）间的关系。

小程序的渲染层和逻辑层分别由2个线程管理：渲染层的界面使用了WebView 进行渲染；逻辑层采用JsCore线程运行JS脚本。

一个小程序存在多个界面，所以渲染层存在多个WebView线程，这两个线程的通信会经由微信客户端（下文中也会采用Native来代指微信客户端）做中转，逻辑层发送网络请求也经由Native转发。

 

组件式开发

组件式开发结构示意

 

项目文档结构

 

UI和页面布局 

UI设计图尺寸参考iphone6（375*667 dpr:2）

750*1334

布局使用flex

响应式单位使用 rpx

字体等固定尺寸单位使用 px

 

项目预览

项目预览，生成二维码，手机微信扫描查看。

开发中的项目，需要至少开发者的权限，才可以使用微信扫描预览生成的二维码访问。

在微信公众平台，成员管理-项目成员中设置成员权限，成员管理-体验成员没有权限访问开发中的项目。