小程序入门——详细教程

news/2024/7/20 2:05:27 标签: 小程序

                                                   🎬 艳艳耶✌️:个人主页

                                                  🔥 个人专栏 :《Spring与Mybatis集成整合》《Vue.js使用》

                                                   ⛺️ 生活的理想,为了不断更新自己 ! 
 

1.微信小程序 入门

1.1什么是小程序

2017年度百度百科十大热词之一

微信小程序(wei xin xiao cheng xu),简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用( 张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小, 下载速度很快,用户感觉不到下载的过程 )

限制:同一个分包中的页面享有共同的预下载大小限额 2M,限额会在工具中打包时校验。

2017年1月9日0点,万众瞩目的微信第一批小程序正式低调上线。

1.2小程序可以干什么?

  • 同App进行互补,提供同app类似的功能,比app操作更加简洁的轻应用
  • 通过扫一扫或者在微信搜索即可下载
  • 用户使用频率不高,但又不得不用的功能软件,目前看来小程序是首选
  • 连接线上线下
  • 开发门槛低, 成本低

前期准备:

微信开发者工具下载地址:

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

微信小程序开发文档:

微信开放文档微信开发者平台文档icon-default.png?t=N7T8https://developers.weixin.qq.com/miniprogram/dev/index.html

2.注册微信小程序

开发小程序的第一步,需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序

如果你还没有微信公众平台的账号,请先进入微信公众平台首页,点击 “立即注册” 按钮进行注册。注册的账号类型可以是订阅号、服务号、小程序以及企业微信,选择 “小程序” 即可。

接着填写账号信息,需要注意的是,填写的邮箱必须是未被微信公众平台注册、未被个人微信号绑定的邮箱,而且每个邮箱仅能申请一个小程序

激活邮箱之后,选择主体类型为 “个人类型”,并按要求登记主体信息。主体信息提交后不可修改,该主体将成为你使用微信公众平台各项服务和功能的唯一法律主体与缔约主体,在后续开通其他业务功能时不得变更或修改。
 

微信小程序的正式号和测试号有以下几点区别:

  • 使用限制:测试号只能用于在开发测试阶段使用,而正式号则可以发布上线供用户使用。
  • 功能限制:测试号的功能相对比较受限,如不支持微信支付、部分接口调用等功能,而正式号可以尽可能地满足开发者的需求。
  • 可操作性差异:测试号的操作相对更容易,无需经过严格的审核流程和申请手续,而正式号需要经过微信官方的审核才能上线使用。
  • 用户量限制:测试号的用户数有一定的限制,而正式号没有限制,可以随时增加用户量。

通过测试号可以帮助开发者快速验证小程序的基本功能,调试问题,优化用户体验。当开发完成后可以申请正式号,并经过微信官方的审核上线,让更多的用户使用和体验小程序提供的服务。

进入小程序注册页 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。

在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。

一切 OK 就可以直接进入小程序的管理平台了。如果直接跳转失败,也可以从微信公众平台上手动登录。填写小程序的基本信息,包括名称、图标、描述等。提交成功之后,再添加开发者。开发者默认为管理员,我们也可以从这里新增绑定开发者,这是管理员才有权限的操作。

然后在左侧导航栏点击 “设置”,找到开发设置,获得小程序的 AppID。

3.安装微信开发者工具

3.1下载微信开发者工具

可以在微信开放文档中选择对应版本,然后下载对应的安装包

3.2登录微信开发者工具

首次启动开发者工具,则需要微信账号扫码登录

登录微信开发者工具

4.第一个小程序的创建

新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,勾选 "不使用云服务" (注意: 你要选择一个空的目录才可以创建项目),点击新建,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序

5.目录结构介绍 

  1. js文件:页面脚本文件,存放页面数据、事件处理函数等。——处理用户操作
  • app.js文件:整个项目的入口文件,通过调用App()函数启动项目。
  • 页面.js文件:页面入口文件,调用Page()函数,创建并运行页面。
  • 普通.js文件:普通功能模块文件,用来封装公共的函数或属性供页面使用
  1. json文件:当前页面配置文件,配置窗口的外观、表现等。
  2. wxml文件:页面的模板结构文件。(WXML模板类网页HTML)
  3. wxss文件:当前页面的样式表文件。(WXSS:一套样式语言,用于描述WXML局部或全局的组件样式,类网页CSS)

整个项目的目录结构分析

  • pages:【文件夹】存放所有小程序的页面
  • index文件—首页文件
  • logs文件—日志文件
  • utils:【文件夹】用来存放工具性质模块[如:格式化时间的自定义模块]
  • app.js:项目入口文件
  • app.json:项目全局配置文件 
  • pages——页面路径[在此输入“pages/list/list”则工具自动创建新页面、替换其中数组的顺序可修改项目的首页]
  • window——全局定义所有页面样式
  • style——全局定义小程序组件所使用的样本
  • sitemapLocation——指明sitemap.json的位置

                                                   今日分享到此结束! 


http://www.niftyadmin.cn/n/5090426.html

相关文章

OAuth2.0、和jwt、spring security之间的区别和联系

OAuth2.0的概念 OAuth 2.0开放授权,OAuth 2.0 是一种授权框架,用于授权第三方应用程序访问用户资源,而无需共享用户的凭据。它为用户提供了更好的隐私和安全性,并允许用户对授权进行细粒度的控制,颁发的token是第三方应…

生信教程:使用拓扑加权探索基因组进化(3)

使用 Twisst 探索整个基因组的进化关系的拓扑加权教程[1]。 简介 拓扑加权是量化不一定是单系群之间关系的一种方法。它通过考虑更简单的“分类单元拓扑”并量化与每个分类单元拓扑匹配的子树的比例,提供了复杂谱系的摘要。我们用来计算权重的方法称为 Twisst&#…

使用 Secrets OPerationS 管理 Kubernetes 密钥

Kubernetes非常受欢迎,很大程度上要归功于它的灵活性。由于其模块化,它还可以快速部署。然而,为了保持这种模块化,您需要以流畅且可定制的方式构建云环境;这意味着确保 ConfigMap 和 Secret 的设计与基础设施无关。 您…

PixMIM论文笔记

论文名称:PixMIM: Rethinking Pixel Reconstruction in Masked Image Modeling 发表时间:2023 年 3 月 4 日 作者及组织:上海人工智能实验室、西蒙菲莎大学、香港中文大学 GitHub:https://github.com/open-mmlab/mmselfsup/tree/d…

Maika 与越南童模们受邀请参加中国上海时装周 hanakimi 品牌开幕

金风送爽,秋高气和。2024中国上海时装周以“活力互链”为主题,于10月8日正式启幕。 魅力四射的越南童模身着著名时尚品牌MLB、Hana Kami、Jacadi的精美设计,迈着有力、专业但又不失优雅的步伐走上时尚舞台上海大型现场。无论是拍摄造型照还是…

c 语言基础题目:L1-037 A除以B

真的是简单题哈 —— 给定两个绝对值不超过100的整数A和B,要求你按照“A/B商”的格式输出结果。 输入格式: 输入在第一行给出两个整数A和B(−100≤A,B≤100),数字间以空格分隔。 输出格式: 在一行中输出结…

面向C++模块的开源 IFC SDK

早在 VS2019 v16.10 版本的时候,我们就官宣了对 C 模块(以及几乎所有其他 C 20 特性)的全面支持,包括 MSVC 编译器工具集,静态分析,智能感知和调试器等,而实现模块需要将 C 代码实现为一种内部的临时表示形式。 今天&…

光电柴微电网日前调度报告

摘要 微电网是目前国内外应用较为广泛的一种绿色可再生能源,近几年我国微电网产业的发展十分迅速。然后,越来越多的微电网系统建立并网,微电网产生的电能受外界因素影响较大,具有一定的随机性和波动性,给并网后的电力系…