微信小程序开发过程总结

版权声明：这是博客作者的原创文章。转载请注明来源[作者：]。前言：因为项目的需要，我需要开发微信小程序（我之前没有联系过，小白有一个）。后台使用SSH构建。因此，如果有用，请记录所有知识点以供将来参考。附于其他文件供参考。

框架小程序分为视图层（view）和逻辑层（App Service）。它提供了自己的视图层描述语言WXML和WXSS，以及基于JavaScript的逻辑层框架，并提供了视图层和逻辑层之间的数据传输和事件系统。

1.注册

2.登录后，从菜单“设置”-“开发设置”中的开发设置中获取AppID，并配置服务器域名、消息推送等。

查看AppID

3.下载特定于小程序的

小程序开发只能在其专用开发工具上进行

4.创建项目

创建项目

5.结构介绍小程序包含一个描述整个程序的app和多个描述各自页面的页面

项目结构

如图所示，小程序主要由三部分组成：主要部分（app.js、app.json、app.wxss）、页面和自定义工具（utils）

1.主要部分（1）app Js——程序逻辑app Js是小程序的脚本语言。通过App（）函数注册小程序，接受对象参数，并指定小程序的生命周期函数。

在以下内容之前，让我们先了解一下小程序正面和背面的概念：

前景和背景的定义：当用户点击左上角关闭，或按下设备Home键离开微信时，小程序不会被直接销毁，而是进入后台；当你再次进入微信或再次打开小程序时，你将从后台进入前台。需要注意的是，只有小程序进入后台一定时间，或者系统资源占用过多，才能真正被破坏。

属性类型描述

onLaunch函数--侦听小程序初始化。小程序初始化完成时触发（仅全局一次）

OnShow函数--收听小程序显示。当小程序从后台启动或进入前台显示时，将触发onShow

OnHide函数生命周期函数--监视隐藏的小程序当小程序从前台进入后台时，将触发OnHide

OnError函数错误侦听器函数当小程序发生脚本错误或api调用失败时，OnError将被触发并显示错误消息

OnPageNotFound函数该页面没有侦听功能。当小程序没有要打开的页面时，它将调用带有页面信息的函数

其他任何开发人员都可以将任何函数或数据添加到Object参数中，可以使用

在app In js中，我们可以声明全局变量，监听和处理它们的生命周期函数。

如果您想在其他地方使用此实例，可以通过第一个secret getApp（）获取app实例；不要调用声明循环的方法。

函数和变量也可以在App（）之外定义

官方预防措施：

app（）必须在App.js中注册，并且不能有多个。

不要在App（）中定义的函数中调用getApp（）。使用此项获取app实例。

当onLaunch正在进行时，不要调用getCurrentPages（）。此时，页面尚未生成。

通过getApp（）获取实例后，不要私自调用生命周期函数。

（2） app。Json——我们可以在app in Json中全局配置小程序，配置小程序由哪些页面组成，以及小程序访问网络的时间

a、 页面指定小程序由哪些页面组成。组成为“路径/文件名”。如图所示。

“pages/index/index”-->其中pages表示左侧的顶部文件夹页面，index表示页面下的索引文件夹，最后一个索引表示index.js

app.json

b、 窗口用于设置小程序的状态栏、导航栏、标题和窗口背景色。

PS：

（1） NavigationBarTextStyle（属性）-->仅支持黑白

（2） NavigationStyle仅在app上可用。在json中生效。启用客户后，低版本客户端需要兼容。基本开发工具库版本更改为1.7.0（它不代表最低版本，但仅用于调试和试用），这使得切换到旧的可视

c、 TabBar如果小程序是一个多选项卡app（在客户端窗口的底部或顶部有一个用于切换页面的选项卡栏），则可以通过选项卡栏配置项指定切换选项卡时显示的选项卡栏和相应页面的性能。

也就是说，小程序可以设置