【微信小程序开发小白零基础入门】微信小程序入门【建议收藏】

简介: 微信小程序入门前言一、小程序的概述1.小程序简介2.小程序诞生3.小程序功能4.小程序创建步骤二、小程序的准备工作1.注册开发者账号2.小程序信息完善3.成员管理三、小程序的开发工具3.其他辅助工具四、推荐小程序(欢迎各位大佬指导)前言随着科技的不断进步,很多功能将会开放,那么很多需求也将会因为现实而得到满足,这是一种不需要下载和安装就可以使用的应用软件。用户只需扫描和搜索就可以打开应用程序。它很容易使用,而且很容易实现。小程序带来了巨大的流量,吸引了很多大的人和企业家前来追踪,也显示出它强大的生命力。小程序是下一个被确定为互联网新品种的程序,信已经成为不可缺少的的交流工具,小程序依附于微信,

微信小程序入门


文章目录

微信小程序入门

前言

一、小程序的概述

1.小程序简介

2.小程序诞生

3.小程序功能

4.小程序创建步骤

二、小程序的准备工作

1.注册开发者账号

2.小程序信息完善

3.成员管理

三、小程序的开发工具

3.其他辅助工具

四、推荐小程序(欢迎各位大佬指导)


前言

随着科技的不断进步,很多功能将会开放,那么很多需求也将会因为现实而得到满足,这是一种不需要下载和安装就可以使用的应用软件。用户只需扫描和搜索就可以打开应用程序。它很容易使用,而且很容易实现。小程序带来了巨大的流量,吸引了很多大的人和企业家前来追踪,也显示出它强大的生命力。小程序是下一个被确定为互联网新品种的程序,信已经成为不可缺少的交流工具,小程序依附于微信,用户搜索起来也会更方便,其实这就是小程序发展的前景和优势。


提示:以下是本篇文章正文内容,下面案例可供参考


一、小程序的概述

1.小程序简介

微信小程序也被简称为小程序,其英文名称是Mini Program。

它是一种存在于微信内部的轻量级应用程序。

微信研发团队在其官方网页上有一段关于微信小程序的介绍:“小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。”

小程序的几个重要特点:无需下载安装、用完即走、随时可用。

2.小程序诞生

微信小程序于2017年1月9日正式发布,当天在微信的“发现”页面出现小程序入口。 往前追溯十年——2007年1月9日正好是第一代iPhone手机正式发布。

3.小程序功能

小程序页 | 对话分享 | 搜索查找 | 公众号关联

线下扫码 | 消息通知 |历史列表 | 小程序切换

4.小程序创建步骤

1.注册 开发者需要首先在微信公众平台上进行小程序账号注册。 2.信息完善 开发者注册完毕后需要填写小程序的基本信息。 3.开发 下载开发工具进行小程序的开发与调试工作。 4.提交审核与发布 完成小程序后需要进行代码上传,然后由管理员提交代码等待微信团队审核,审核通过后即可正式发布。


二、小程序的准备工作

1.注册开发者账号

步骤1

开发者首先需要在微信公众平台上注册一个小程序账号才能进行后续的代码开发与提交工作。

访问微信公众平台官网首页(mp.weixin.qq.com),然后单击右上角的“立即注册”按钮进入账号类型选择页面。

微信图片_20220524120625.png

步骤2

在当前页面上选择注册的账号类型为“小程序”,即可进入小程序的正式注册页面。

微信图片_20220524120747.png

步骤3

小程序的正式注册页面包含三个填写步骤:账号信息、邮箱激活、信息登记。

微信图片_20220524120751.png

步骤4


邮箱激活提醒

登录对应的注册邮箱查看激活邮件,单击邮件正文中的链接地址会跳转回到微信平台页面完成账号激活。

微信图片_20220524120756.png

步骤5

邮箱账号激活完成后就进入了信息登记页面。

其中注册国家/地区保持默认内容“中国大陆”,然后根据实际情况进行主体类型的选择。

微信图片_20220524120801.png

微信图片_20220524120806.png

步骤6

选择“个人”类型之后在页面下方会自动出现主体信息登记表单。


微信图片_20220524120810.png

步骤7

扫码后手机微信会自动跳转到微信验证页面。

检查微信验证页面上所显示的姓名和身份证号码,确认无误后点击“确定”按钮会提示身份验证成功。

微信图片_20220524120816.png

步骤8


单击“继续”按钮进行下一步,系统会跳出一个提示框让开发者进行最后的确认。

单击“确定”按钮完成主体信息确认。

微信图片_20220524120820.png

2.小程序信息完善

步骤1

小程序名称

由于小程序名称不允许与平台内已经存在的其他账号名称重名,在填写好之后可以先自测一下是否符合要求,单击右侧的“检测”按钮即可进行验证。

步骤2

小程序头像

也就是小程序最终显示的图标logo,图片最后会被切割为圆形效果。头像图片的格式只能是:bmp、jpeg、jpg或gif其中的一种,并且文件大小不得大于2M。注意头像图片不允许涉及政治敏感与色情内容。头像图片每个月可修改5次。

微信图片_20220524120824.png

步骤3

小程序介绍

可以由开发者自由填写关于小程序功能的描述,注意介绍内容不得含有国家相关法律法规禁止的内容。小程序介绍的内容每个月可以申请修改5次。

微信图片_20220524120829.png

步骤4

小程序类目

小程序服务类目指的是小程序主要内容所属的服务范围。特殊行业需要额外提供资质证明。服务类目每个月只可以修改1次。

服务类目的下拉表单分为两级,每级都必须填写不可以为空。

微信图片_20220524120834.png

步骤5

全部填写完毕后,就可以单击最下方的“提交”按钮提交小程序的基本信息。

此时单击“添加开发者”按钮就可以进行小程序成员管理了。

微信图片_20220524120839.png

3.成员管理

1.成员类型说明:

项目成员可以被分配的不同权限解释如下:

a. 开发者:可以使用微信开发者工具进行小程序开发,也可以预览开发版小程序在手机端的效果;

b. 体验者:可以在手机端使用体验版小程序;

c. 登录:无需管理员确认即可登录小程序管理后台;

d. 数据分析:可以使用小程序数据分析功能查看小程序数据;

e. 开发管理:拥有小程序提交审核、发布和回退权限;

f. 开发设置:拥有设置小程序服务器域名、消息推送以及扫描普通链接二维码打开小程序的权限;

g. 暂停服务设置:拥有暂停小程序线上服务的权限。


2.成员人数限制:

个人类型的小程序允许管理员添加15个开发者,其中5个开发者,10个体验者。

其他类型的小程序开发者数量限制如下:

未认证未发布组织类型:30人;

已认证未发布/未认证已发布组织类型:60人;

已认证已发布组织类型:90人。


3.成员变更说明

每个小程序的管理员与项目成员都是允许变更的。需要注意的是,每个微信号作为项目成员最多可以参与到50个小程序中。


三、小程序的开发工具

步骤1

软件下载与安装开发者登录小程序管理页面后台,然后单击右上角菜单栏中的“开发”选项即可切换到小程序开发工具的下载页面,也可以直接通过URL地址访问下载页面:(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)。

步骤2

确认无误后可以双击该文件进行开发者工具的安装。

微信图片_20220524120846.png

微信图片_20220524120853.png微信图片_20220524120859.png微信图片_20220524120903.png

3.其他辅助工具

1.小程序官方文档

小程序官网提供了技术文档供开发者学习,文档会更新各类小程序接口的用法。希望第一时间了解小程序有了哪些更新的读者可以关注。

官方文档访问地址:https://developers.weixin.qq.com/miniprogram/dev/


2.微信开放社区

微信开放社区中有一个开发者专区可以搜索常见问题和解答,也可以在遇到问题时上去提问,和其他开发者一起交流学习。

开发者社区访问地址:https://developers.weixin.qq.com/


3.小程序开发助手

可以使用小程序开发者助手方便快捷的预览和体验线上版本、体验版本以及开发版本。开发者可以扫一扫开发者助手小程序码来使用相关功能。


四、推荐小程序(欢迎各位大佬指导)

相关文章
|
2天前
|
小程序 前端开发 持续交付
小程序全栈开发中的CI/CD流程与自动化部署是一种高效的开发模式。
本文探讨小程序全栈开发中的CI/CD流程与自动化部署,介绍持续集成与部署的概念,包括自动化构建、测试、代码审查及部署实践。通过提高代码质量、迭代速度及团队协作效率,确保小程序稳定运行与良好用户体验。
10 2
|
2天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录是一个重要而复杂的问题。
微信小程序作为业务拓展的新渠道,其全栈开发涉及前端与后端的紧密配合。本文聚焦小程序开发中的异常处理与日志记录,从前端的网络、页面跳转等异常,到后端的数据库、API调用等问题,详述了如何利用try-catch及日志框架进行有效管理。同时强调了集中式日志管理的重要性,并提醒开发者注意安全性、性能及团队协作等方面,以构建稳定可靠的小程序应用。
8 1
|
2天前
|
小程序 前端开发 API
微信小程序全栈开发中的多端适配与响应式布局是一种高效的开发模式。
探讨小程序全栈开发中的多端适配与响应式布局,旨在实现统一的用户体验。多端适配包括平台和设备适配,确保小程序能在不同环境稳定运行。响应式布局利用媒体查询和弹性布局技术,使界面适应各种屏幕尺寸。实践中需考虑兼容性、性能优化及用户体验,借助跨平台框架如Taro或uni-app可简化开发流程,提升效率。
7 1
|
7天前
|
小程序 JavaScript 前端开发
微信小程序开发必备前置知识:基本代码构成与语法
【8月更文挑战第8天】微信小程序的基本代码构成与语法
15 0
微信小程序开发必备前置知识:基本代码构成与语法
|
2天前
|
小程序 前端开发 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制是一个重要而复杂的问题。
微信小程序作为业务拓展的新渠道,其全栈开发中的身份认证与授权机制至关重要。本文概览了身份认证方法,包括手机号码验证、微信及第三方登录;并介绍了授权机制,如角色权限控制、ACL和OAuth 2.0。通过微信登录获取用户信息,利用第三方登录集成其他平台,以及实施角色权限控制和ACL,开发者能有效保障小程序的安全性和提供良好用户体验。此外,还强调了在实现过程中需注重安全性、用户体验和合规性。
5 0
|
4天前
|
小程序 JavaScript
|
1月前
|
小程序 安全 搜索推荐
【微信小程序开发实战项目】——个人中心页面的制作
本文介绍了如何设计和实现一个网上花店的微信小程序,包括个人中心、我的订单和我的地址等功能模块。个人中心让用户能够查看订单历史、管理地址和与客服互动。代码示例展示了`own.wxml`、`own.wxss`和`own.js`文件,用于构建个人中心界面,包括用户信息、订单链接、收藏、地址、客服和版本信息。我的订单部分展示了订单详情,包括商品图片、名称、销量、价格和订单状态,用户可以查看和管理订单。我的地址功能允许用户输入和编辑收货信息,包括联系人、性别、电话、城市和详细地址。每个功能模块都附有相应的WXML和WXSS代码,以及简洁的样式设计。
71 0
【微信小程序开发实战项目】——个人中心页面的制作
|
1月前
|
小程序 安全 搜索推荐
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序(3)
这是一篇关于微信小程序开发的文章摘要,作者介绍了如何创建一个网上花店小程序,旨在提供便捷的购花体验。小程序包含鲜花分类功能,允许用户按品种、颜色和用途筛选,确保快速找到合适的鲜花。它还提供了配送服务,保证鲜花的新鲜度。文章展示了`cash.wxml`、`cash.wxss`和`cash.js`的部分代码,用于实现分类和商品展示,以及`qin.wxml`、`qin.wxss`和`qin.js`,涉及商品详情和购买付款流程。代码示例展示了商品列表渲染和交互逻辑,包括页面跳转、数据传递和点击事件处理。文章最后提到了购买付款界面,强调了安全和便捷的支付体验。
68 0
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序(3)
|
1月前
|
小程序 开发者
uniapp实战 —— 开发微信小程序的调试技巧
uniapp实战 —— 开发微信小程序的调试技巧
70 1
|
1月前
|
移动开发 小程序 前端开发
uniap开发微信小程序如何在线预览pdf文件
这是一段关于在线预览和处理PDF的多方案说明,包括使用JavaScript库PDF.js(如`pdfh5.js`)实现H5页面预览,提供QQ群和技术博客链接以获取帮助和支持。还介绍了两个适用于Uni-app的插件,一个用于H5、小程序和App中的PDF预览和下载,另一个专门解决手机端PDF预览问题。此外,还详细描述了在Uni-app中使用微信小程序API`wx.openDocument`显示PDF的步骤,包括上传文件、配置权限和编写代码。
115 0