记录一下今天的学习情况,微信小程序新手入门简介,从注册到新建项目到一些基础的配置标签等等,感觉还是比较容易上手的,况且对一些本身就有编程基础的同学学习起来就更加容易了。
一、注册小程序
1、打开微信公众平台
微信公众平台官网
如果没有注册过先注册,选择要注册的项目。
注册项目
如果要进行小程序的开发选择微信小程序。
信息填写
这里注意一个邮箱只能注册一个,如果该邮箱注册过公众号,订阅号等,则需要更换邮箱。信息登记时如果是企业需要上传企业带章图片,要保证图片清晰性,否则会注册失败。如果是个人选择个人即可。
2、获取appId
注册完成登陆进去后,在开发——>开发设置中获取appId,appId相当于开发者身份标识,创建项目时会用到。
appId获取
3、下载微信开发者工具
微信开发有专门的开发编辑器,用起来很方便,专用于微信开发。
在开发——>开发者工具中下载。
二、项目创建
小程序项目创建
项目目录:新建一个空文件夹,用于保存代码
appId:上一步获取的appId
项目名称:自定义
勾选项:可以选择云开发(采用云数据库)、非云开发(前后端分离,采用第三方数据库)我这里选择云开发。
三、目录结构介绍
此目录结构为云开发的目录结构
目录结构
cloudfunctions:指定腾讯云项目的目录
miniprogram:小程序中的基本代码都在这里
- images:图片文件夹,存放所有用到的图片
- pages:所有小程序的界面相关文件夹,每一个界面文件夹下都包含对应的四个文件:
.js:脚本逻辑文件,用户与页面的交互逻辑
.json:界面的配置文件,以json格式存储的配置
.wxml:模板文件,描述页面结构,相当于html
.wxss:样式文件,调整页面样式,相当于css
- style:项目基本样式文件夹
README.md:写一些关于项目的描述
project.config.json:小程序的项目配置文件(对整个项目的配置)
四、小程序基本配置
1、项目配置project.config.json
项目配置
2、局部配置 app.json
局部配置
3、页面配置xxx.json
对某一页面进行配置需要在页面文件夹下的.json文件中单独配置,配置的样式仅对这一页面有效。
页面配置
到此,小程序的创建到基本配置完成。
详细可以参考小程序的官方文档,官方文档写的很详细。