【微信小程序创作之路】-入门

news/2024/7/20 2:32:00 标签: 微信小程序, 小程序, javascript, css, xhtml

小程序>微信小程序创作之路】-入门

第一章 小程序>微信小程序历史、简介、开启创作之路


文章目录

  • 小程序>微信小程序创作之路】-入门
  • 前言
  • 一、小程序的简介
  • 二、小程序的历史
  • 三、小程序优势
    • 1.使用门槛低
    • 2.快速开发和发布
    • 3.交互体验好
    • 4.推广效果好
    • 5.成本低
  • 四、小程序和公众号PK
    • 1.产品定位不同
    • 2.用户体验
    • 3.服务器资源占用
  • 五、知识准备
  • 六、开发准备
    • 1.去微信公众平台注册
    • 2.下载小程序开发工具


前言

随着微信的不断发展,截止到2023年5月11日,微信的用户有12.6亿人,在国内社交软件中,成为当之无愧的王者。现如今社会进入到一个快节奏的时代,小程序>微信小程序这种不需要下载和安装并且可以一键注册的产品很适应现在的发展。


一、小程序的简介

小程序的本质上就是网页。因为小程序使用的技术和传统网页的技术几乎一致,开发小程序使用技术为JavaScript、CSS、WXML,WXML和HTML的语法大体类似。
小程序不支持浏览器打开,只可以在微信中使用,这是因为小程序的API都由微信提供。


二、小程序的历史

在这里插入图片描述

时间事件
2016年1月11日微信公开课PRO版在广州举行,“微信之父”张小龙首次公开演讲,宣布微信公众号将推出“应用号”,通过公众号完成一些App的部分功能。
2016年9月21日微信官方向部分公众号发出了应用号的内测邀请。
2016年9月22日微信正式对外声明已经开始内测。
2016年11月3日微信团队宣布:小程序>微信小程序正式开放公测。
2017年1月9日小程序>微信小程序正式面对C端用户开放,但由于早期小程序数量较少,入口相对较深,因此用户量增长比较缓慢。
2017年9月20日支付宝小程序向用户开放公测2017年12月28日,小程序>微信小程序开放游戏类目以及在首页增加下拉访问小程序入口,并且将“跳一跳”作为微信升级版的开屏内容进行推广,从而让日活人数在年末迅速增长。
2018年1月“跳一跳”等小游戏在大量微信用户中开始传播,而下拉入口的便捷性也让小程序的访问量大增,日活用户大幅增长到 2.8 亿。
2018年2月春节期间祝福红包类小程序及小游戏再次点燃用户访问热情,日活人数也达到上半年的高点。
2018年3月小米、中兴、华为、金立、联想、魅族、努比亚、OPPO、vivo、一加共十家手机厂商一起推出了快应用,虽然名字不同,本质上也是小程序
2018年7月百度AI开发者大会上,百度宣布百度智能小程序正式上线。这是继2017年1月微信上线小程序后,又一入局该领域的互联网巨头。BAT三巨头均进军了小程序领域,业内预测,未来两年小程序将取代80%的APP市场。
2019年5月22日腾讯方面表示,QQ小程序正在进行灰度测试,不出意外的话,将于6月正式上线。
2020年6月23日在WWDC 2020全球开发者大会上,苹果推出了一项新的“App Clip”小程序功能,该功能是基于卡片的快速应用程序,可让你在需要时访问应用程序的一小部分,而无需用户安装完整的应用程序。

在这里插入图片描述


三、小程序优势

1.使用门槛低

相比于传统的APP,小程序可以在微信内部直接使用,用户不需要繁琐的下载、安装和注册过程,即可快速使用小程序,提升了用户体验。

2.快速开发和发布

开发周期短,只需要一定的前端技术和小程序>微信小程序开发工具,就可快速制作出来,缩短了开发和发布的时间,提高了开发效率。

3.交互体验好

小程序>微信小程序的页面加载速度快,交互响应快,具有流畅的用户体验。功能和页面都是基于微信开放平台的,可以充分利用微信的社交功能和用户基础,增强小程序的交互性和粘性。

4.推广效果好

小程序可以通过微信公众号、朋友圈、微信群等多种方式进行推广,利用微信强大的社交网络,可以快速扩大小程序的用户群体。

5.成本低

不需要进行大规模的投资,也不需要在不同的平台上进行开发。


四、小程序和公众号PK

1.产品定位不同

微信公众号:主要用于营销推广和消息推送,当然也可以实现复杂的功能。
小程序:无法进行关注、消息推送等营销手段,主要是以功能性为主,让其替代部分App,实现即用即走的目标。

2.用户体验

小程序:无需安装,直接打开就可以用,虽然不是App,但是可以媲美App的使用体验。
微信公众号:需要先引导用户关注,使用体验比小程序差很多,用户页面使用效率不高。

3.服务器资源占用

微信公众号:需要从服务器加载全部的动态数据和静态数据,当很多用户同时加载,大大增加服务器压力。
小程序小程序从服务器加载json数据和图片,很多资源,直接从本地加载,可以大大提高页面加载速度,减少服务器压力和带宽成本。


五、知识准备

由于小程序基于网页技术,如果之前了解网页开发,那根本没有任何压力。对于不具备这些技术的人员也不是很难,只要大家肯努力,这些都是小菜一碟。具体来说,下面三方面的知识是必需的。

(1)HTML 语言:懂基本语法,负责主要页面静态展示。

(2)JavaScript 语言:懂基本语法,会写简单的 JS 脚本程序,用来调用API。

(3)CSS 样式:理解如何使用 CSS 控制网页元素的外观,如颜色、布局、背景等。


六、开发准备

1.去微信公众平台注册

如果你还没有微信公众平台的账号,请先进入微信公众平台首页,点击 “立即注册” 按钮进行注册。
在这里插入图片描述

注册的账号类型我们选择 “小程序” 即可。
在这里插入图片描述

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

然后在邮箱点击激活链接
在这里插入图片描述

填写信息确认
在这里插入图片描述

激活邮箱之后,选择主体类型为 “个人类型”,并按要求登记主体信息。主体信息提交后不可修改,该主体将成为你使用微信公众平台各项服务和功能的唯一法律主体与缔约主体,在后续开通其他业务功能时不得变更或修改。
这样就注册完成了
在这里插入图片描述
进入小程序,点击生成
在这里插入图片描述

扫码验证生成秘钥,一定要保存好,后边都会用到。
在这里插入图片描述

2.下载小程序开发工具

下载微信提供的小程序开发工具。这个工具是必需的,只有它才能运行和调试小程序源码。

开发者工具支持 Windows 和 MacOS 两个平台。我装的是 Windows (64位)的版本。

这篇文章就结束啦,后续会很快制作!


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

相关文章

element-ui 表格和 tooltip修改背景颜色和箭头颜色

1、element-ui tooltip 文字提示 背景修改&#xff1a; 第一步&#xff1a;&#xff08;先给tooltip设置class&#xff1a;popper-class防止其他部分的样式被覆盖&#xff0c;如下所示&#xff1b;&#xff09; <el-tooltip popper-class"tps" enterable conten…

SpringBoot利用Guava实现单机app限流访问

SpringBoot利用Guava实现单机app限流访问 物料准备&#xff1a; 1.引入Guava依赖 2.定义一个限流注解作用于api接口的方法上 3.定义一个切面&#xff0c;对注解标注的方法实现一个限流访问 引入Guava依赖 <dependency><groupId>com.google.guava</groupId>…

华为OD机试真题 JavaScript 实现【求最大连续bit数】【牛客练习题】

一、题目描述 求一个int类型数字对应的二进制数字中1的最大连续数&#xff0c;例如3的二进制为00000011&#xff0c;最大连续2个1。 二、输入描述 输入一个int类型数字。 三、输出描述 输出转成二进制之后连续1的个数。 四、解题思路 使用位运算来实现。 具体思路如下&…

基于安卓的接的快接单平台/基于Android的快的接单平台

【摘要】 随着互联网的趋势的到来&#xff0c;各行各业都在考虑利用互联网将自己的信息推广出去&#xff0c;最好方式就是建立自己的平台信息&#xff0c;并对其进行管理&#xff0c;随着现在智能手机的普及&#xff0c;人们对于智能手机里面的应用接的快接单平台也在不断的使用…

如何使用Python内置缓存装饰器: @lru_cache,@cache 与 @cached_property

1. 为什么需要缓存技术&#xff1f; 使用缓存是优化Python程序速度的重要方法之一。如果使用得当&#xff0c;可以大幅减少计算资源的负载&#xff0c;有效加快代码运行速度 Python 的内置库 functools 模块附带了lru_cache&#xff0c;cache, cached_property 装饰器&#x…

基于Web的小学学科数字教学资源管理系统

摘要 小学学科数字教学资源管理是一个典型的学习项目&#xff0c;从教学资源、教材信息的统计和分析&#xff0c;在过程中会产生大量的、各种各样的数据。本文以小学学科数字教学资源管理系统为目标&#xff0c;采用B/S模式&#xff0c;以Springboot为开发框架&#xff0c;java…

【企业架构框架】SOGAF 通用实体框架 (CoE)

Salesforce 运营、治理和架构框架 (SOGAF) 将 MIT-CISR 企业架构框架应用于 Salesforce 实施和程序。 介绍 为共同实体&#xff08;即卓越中心&#xff09;制定一个明确的定义是很棘手的。转换程序中的通用实体 (CoE) 有多种名称&#xff1a; “卓越中心”、“C4E”、“专业中心…

vue echarts k线图添加交易量副图时 axis.getAxesOnZeroOf is not a function

问题原因: xAxis, yAxis, series 三个值必须一次设置为,缺少series 就会报这个错误 vue echarts k线图添加交易量副图 https://mp.csdn.net/mp_blog/creation/success/131491946