微信小程序01
2022/4/6 17:19:43
本文主要是介绍微信小程序01,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一、小程序介绍
1.1、小程序是什么
官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/
微信小程序,简称小程序,英文名 Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。对于开发者而言,小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用。
1.2、如何理解小程序
●不是HTML5
●即用即走,随手可得
●拥有离线能力
●一次开发,多端兼容
●依赖微信客户端中
1.3、小程序与传统App区别
![](/upload/202204/06/202204061719235889.png)
![](/upload/202204/06/202204061719247746.png)
局限性:必须依赖于微信,不能独立运行。
优势:不需要考虚兼容问题,安装的问题,开发难度小。
传统app:
优势:独立运行,不需要依赖于谁,可以适合所有的业务需求
局限性:需要用户安装,解决适配(开发兼容问题),开发难度大
1.4、小程序框架结构
![](/upload/202204/06/202204061719264474.png)
2.1、申请账号
官网: https://mp.weixin.qq.com/
![](/upload/202204/06/202204061719277574.png)
![](/upload/202204/06/202204061719294498.png)
![](/upload/202204/06/202204061719307824.png)
![](/upload/202204/06/202204061719363121.png)
![](/images/baidian.png)
2.4、获取开发appid
![](/upload/202204/06/202204061719383253.png)
3.1、概览
为了帮助开发者简单和高效地开发和调试微信小程序,推出了小程序开发者工具,集成了公众号网页调试和小程序开发与调试两种开发模式。
3.2、下载安装
●官方开发调式工具
下载地址:http://t.cn/RrKI5a3
在windows下面安装的方式和其他的普通软件安装方式一致,一路下一步即可。
●vscode开发工具
下载地址:https://code.visualstudio.com/
![](/upload/202204/06/202204061719387022.png)
![](/upload/202204/06/202204061719388752.png)
创建小程序的应用,必须要用到appid
![](/upload/202204/06/202204061719390494.png)
![](/upload/202204/06/202204061719392071.png)
![](/upload/202204/06/202204061719393492.png)
4.1、文件结构
小程序包含一个描述整体程序的 app 和多个描述各自页面的 pages。
一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:
![](/upload/202204/06/202204061719394739.png)
![](/upload/202204/06/202204061719396028.png)
![](/upload/202204/06/202204061719398073.png)
参考网址:https://developers.weixin.qq.com/miniprogram/dev/framework/config.html
app.json文件用来对微信小程序进行全局配置,决定小程序,页面数量、窗口表现、设置网络超时时间、设置底部或顶部菜单等。
app.json中不能添加任何注释,key和value字符串必须用双引号引起来,数组或对象最后一位不能有逗号。
4.2.1、app.json 配置项列表
![](/upload/202204/06/202204061719399490.png)
指定小程序由哪些页面组成。每一项代表对应页面【路径+目录名+文件名(不包含后缀名)】,数组的第一项代表小程序的初始页面(首页/展示页)。小程序中新增/减少页面,都需要对 pages 数组进行修改。
![](/upload/202204/06/202204061719400901.png)
用于设置小程序的状态栏、导航条、标题、窗口背景色。
![](/upload/202204/06/202204061719402320.png)
设置小程序底部或顶部菜单栏。
注:
● 当设置 position 为 top 时,将不会显示 icon图标
●tabBar 中的 list 是一个数组,只能配置最少2个、最多5个菜单
![](/upload/202204/06/202204061719403741.png)
![](/upload/202204/06/202204061719405944.png)
![](/upload/202204/06/202204061719407540.png)
网址:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html
由框架自己触发的一系统事件函数。不需要人来参与
onLoad(Object[json] query)
页面加载时触发。一个页面只会调用一次,可以在 onl oad 的参数中获取打开当前页面路径中的参数。
参数说明
![](/upload/202204/06/202204061719408634.png)
页面显示/切入前台时触发。一个页面可以触发很多次。
onReady()
页面初次渲染完成时触发。一个页面只会调用一次。
onHide()
页面隐藏/切入后台时触发。一个页面可以触发多次
onUnload()
页面卸载时触发。
![](/upload/202204/06/202204061719409894.png)
这篇关于微信小程序01的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-302024年最新版云开发cms开通步骤,开始开发微信小程序前的准备工作,认真看完奥!
- 2024-03-30微信小程序的网络设置,及网络请求:wx.request(OBJECT)
- 2024-01-22基于taro搭建小程序多项目框架
- 2024-01-13小程序开发:在插件市场寻找步骤条组件并二开
- 2024-01-05钉钉小程序生态—企业机器人加互动卡片,改善用户体验的开始!
- 2023-12-29【UniApp】-uni-app-打包成小程序
- 2023-12-26性能翻倍!京东亿级体量小程序优化实践
- 2023-12-25小程序优化:第三方SDK过大解决方案
- 2023-11-26微信小程序文件预览和下载-文件系统
- 2023-11-2652天学习微信小程序计划No.2:注册小程序账号&安装开发者工具