微信小程序开发入门

11.24'21

介绍

微信小程序简介

小程序是为了在微信中更方便地使用网页功能而推出的系统。相对普通网页做了很多优化。

对于开发者而言,主要语言仍是 JavaScript。但开发流程和工具有所不同。

微信开发-文档

如何开始

开发流程和普通网站开发大同小异。

搭建环境

下载 小程序开发工具、注册账号获取 AppID

使用小程序调试工具,开发者可以完成 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能

项目结构

类似于普通 WEB 项目,包含了配置、视图(样式、模板)和逻辑(脚本)文件。支持自定义组件。

JSON 配置

WXML 模板 -> XML/HTML

WXSS 样式 -> CSS

JavaScript 逻辑交互

小程序支付

支付开发文档

云函数

调试

修改云函数后, 本地调试需要启用

Devtool > EXPLORER > quickstartFunctions > 右键 Start Local Debug > 选择环境

线上调试需要启用

Devtool > EXPLORER > quickstartFunctions > 右键 Upload

相关框架

自由使用开发工具,但需使用小程序开发工具预览

官方框架

官方框架:响应的数据绑定,页面管理,基础组件,丰富的 API

其它框架

wepy:类 Vue 开发风格组件化开发

mpvue:基于 Vue.js

taro:支持 React 开发方式的多端统一开发框架

uni app:支持 Vue 开发方式的多端统一开发框架

📖