微信小程序开发入门
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 开发方式的多端统一开发框架
📖