1.如何安装和使用微信小程序
每个微信小程序的唯一标识是appid。
微信小程序的概念:在微信内被便捷地获取和传播,良好的用户体验,不需要下载即可使用,体积非常小的用于连接用户与服务的应用。
微信小程序的发展前景:开发成本低、微信用户数量大
微信小程序的特点:无需安装、触手可及,用完即走、无须卸载,名称唯一,入口丰富,传播能力强。
微信小程序官方文档:
https://developers.weixin.qq.com/miniprogram/dev/framework/
小程序注册网站:
https://mp.weixin.qq.com/wxopen/waregister?action=step1
网易邮箱orQQ邮箱:
https://mail.163.com/
微信小程序可以跨平台,微信小程序的宿主环境(Host Environment,程序运行所依赖的环境。)是微信客户端,宿主环境为微信小程序提供了丰富的API和组件。
步骤:
1.打开小程序注册网站,使用qq邮箱注册,注册成功后打开邮箱网站,进入小程序开发管理,将开发者id记在电脑桌面记事本。
2.安装微信开发者工具,傻瓜式安装
3.安装好后,打开软件,点击+号,然后先将路径改为自己的项目路径,再将路径后加“\lesson1”,改完后填写AppID,再将选项改为“不使用云服务”,最后将分类选择为“不使用模版”,点击确定即完成。
2.项目结构
小程序根目录下,有三个app开头的文件(app.js,app.json,app.wxss)、project.config.json文件和两个文件目录(pages,utils)。其中,util文件下存放工具类文件。微信小程序的一个页面一般由多个文件组件,分别是js、json、wxml、wxss。
● pages:用来存放微信小程序的的所有页面。
● .eslintrc.js:用来格式化代码,使代码风格保持一致。
**● app.js:微信小程序的入口文件,用来描述微信小程序的整体逻辑。App()>是该文件的入口函数 **
● app.json:微信小程序的全局配置文件,用来设置页面路径、窗口外观、页面表现、标签栏等。
● app.wxss:微信小程序的全局样式文件,文件可以为空。
● project.config.json:在微信开发者工具上做的任何配置都会写入这个文件中,当重新安装工具或者更换计算机工作时,只要载入同一个项目的代码包,微信开发者工具会根据该文件自动恢复成开发微信小程序时的个性化配置。
● project.private.config.json:用于保存微信开发者工具 的私人配置,配置的优先级高于project.config.json。
● sitemap.json:用于配置微信小程序及其页面是否允许被微信索引,如果没有该文件,则默认为所有页面都允许被索引。
● JS:类似网页制作中的JavaScript语言,用于实现页面逻辑和交互,文件扩展名为.js。注意,微信小程序的JS中不含DOM和BOM,不可以使用DOM和BOM,但它提供了丰富的API,可以调用它封装的API。
● JSON(JavaScript Object Notation,JavaScript对象符号):对页面进行配置,文件扩展名为.json。注意,在微信小程序中.json全部与配置相关。
● WXML(Weixin Markup Language):类似于网页制作中的HTML语言,用于构建页面结构,文件扩展名为.wxml。
● WXSS(WeiXin Style Sheets,微信样式表):类似于网页制作中的CSS语言,用于设置页面样式,文件扩展名为.wxss>。
通信模型:微信小程序实现了渲染层(wxml和wxss)、逻辑层和第三方服务器的通信。
.js表示逻辑与交互,.wxml表示结构。