本手册只是简单概述,具体还请看 微信官方文档
开发准备
注册申请小程序
微信小程序开发第一步,在微信公众平台注册,申请一个AppID
选择小程序注册 填写相关信息
申请完成以后,你将会得到一个AppID(小程序ID)和AppSecret(小程序密钥),后面都会用到
下载开发工具
下载微信提供的小程序开发工具 安装完成之后打开刚刚安装的这个软件,会要求使用微信扫码登录 登录完成之后,进入新建项目的页面,可以新建不同的项目,默认是新建小程序
项目名称 自定义即可 目录 项目存放目录 AppID 填入刚刚申请的AppID 开发模式 选择小程序即可 后端服务 暂时不会用到,这里选择不使用云服务即可 模版选择 这里选择JavaScript - 基础模版进行演示,如果习惯TypeScript,也可以选择TS
这里点击创建按钮,开始创建小程序
认识开发工具
整个界面主要分为四个部分,分别和编辑器左上角看到的模拟器、编辑器、调试器三个绿色按钮对应,
模拟器 我们可以在这里实时看到我们所编写的内容,可以切换机型、网络状态等 资源管理器 项目目录,方便我们更快的找到某一个页面 编辑器 也就是我们编写代码的区域 调试器 和谷歌浏览器很相似
再右一些我们可以看到一个预览按钮,点击会提供一个有效期限的二维码,我们可以通过微信扫描二维码在手机端真是查看,以及右边的真机调试,也是同理 这里整理了一些项目调试时的注意事项
认识项目结构
目录结构
一个完整的小程序包含一个描述整体程序的app 和多个描述页面的page app.js 小程序逻辑 app.json 小程序公共配置 app.wxss 小程序公共样式
小程序代码构成
.wxml 后缀 wxml 微信小程序模版文件,同 html 的角色 .wxss 后缀 wxss 微信小程序样式文件,同 css 的角色 .js 后缀 js 微信小程序脚本逻辑文件 .json 后缀 json 微信小程序配置文件,见JSON配置
更多详细情况 请见微信开发文档
|