前期准备
小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。
小程序开发准备
申请AppID
开发小程序的第一步,需要拥有一个小程序 AppID,后续的所有开发流程会基于这个 AppID 来完成。小程序的注册非常简单,只需几个操作。使用浏览器打开 https://mp.weixin.qq.com/ 点击立即注册,如下图所示,在打开的页面中选择小程序后,填入相关的信息,就可以完成注册啦。
安装开发者工具及基本使用
在小程序开发文档中找到小程序开发工具的下载页面,点 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 根据自己的操作系统下载对应的安装包进行安装。需要注意的是,小程序开发工具在 Windows上仅支持 Windows 7 及以上版,在 Mac 上支持 OS X 10.8 及以上版本。
-
下载好,需要微信扫码登录,也就是你创建APP ID时会让你扫的一个二维码绑定,如下图
-
点击加号(新建一个项目)
-
项目申请好后,会出现一个基础的样例给我们看
小程序结构介绍
小程序由配置代码JSON文件、模板代码 WXML 文件、样式代码 WXSS文件以及逻辑代码 JavaScript文件组成。
如果不了解随时去看官方文档哈~
全局配置
- project.config.json 的功能
小程序版本的控制,所以你可以修改版本库,小程序的 APP Id之类的信息等等
- app.wxss 的解释
类似于HTML 中css板块,可以修改全部的页面
例如把背景颜色变粉。
- app.json 的解释
在app.json中,这里是属于全局配置项的,这里的信息可以对照官方文档来学习— 全局配置
这里可以修改导航栏背景色,导航栏标题等
- app.js 的功能
页面配置
想了解可以去看看官方文档: 微信小程序官方文档 —— 页面配置
pages页面
每个页面都具有不同的功能,第一个index也就是最左边我们能看得到的内容,里面的四个文件对应这不同的功能,比如wxml 就是 html 改变了一些标签,wxss 是 css更改了标签,而且还都增加了一些其他的功能
这里是最后
接下来会一直记录我在学习小程序的内容,记录是为了记录我的学习路线也希望可以看到自己每天的变化,希望也可以激励想要学习小程序的小伙伴哦,要是有错误就麻溜告诉俺哦。毕竟俺是小白哈。