微信小程序开发流程步骤

文章目录

微信小程序入门一、小程序的概述1.小程序简介2.小程序诞生3.小程序功能二、小程序的准备工作1.注册开发者账号2.小程序信息完善三、小程序的开发工具1.小程序的开发工具2.其他辅助工具

一、小程序的概述

1.小程序简介

微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。

全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。

微信小程序是一种不用下载就能使用的应用,也是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果,已经有超过150万的开发者加入到了微信小程序的开发,与我们一起共同发力推动微信小程序的发展,微信小程序应用数量超过了一百万,覆盖200多个细分的行业,日活用户达到两个亿,微信小程序还在许多城市实现了支持地铁、公交服务。微信小程序发展带来更多的就业机会,2017年小程序带动就业104万人,社会效应不断提升。

2.小程序的历程

2016年1月11日,微信之父张小龙时隔多年的公开亮相,解读了微信的四大价值观。张小龙指出,越来越多产品通过公众号来做,因为这里开发、获取用户和传播成本更低。拆分出来的服务号并没有提供更好的服务,所以微信内部正在研究新的形态,叫「微信小程序」。

2016年9月21日,微信小程序正式开启内测。在微信生态下,触手可及、用完即走的微信小程序引起广泛关注。腾讯云正式上线微信小程序解决方案,提供微信小程序在云端服务器的技术方案。

2017年1月9日0点,万众瞩目的微信第一批微信小程序正式低调上线,用户可以体验到各种各样微信小程序提供的服务。

2017年12月28日,微信更新的 6.6.1 版本开放了小游戏,微信启动页面还重点推荐了小游戏「跳一跳」,你可以通过「微信小程序」找到已经玩过的小游戏。

2018年1月18日,微信提供了电子化的侵权投诉渠道,用户或者企业可以在微信公众平台以及微信客户端入口进行投诉。

2018年1月25日,微信团队在“微信公众平台”发布公告称,“从移动应用分享至微信的小程序页面,用户访问时支持打开来源应用。同时,为提升用户使用体验,开发者可以设置小程序菜单的颜色风格,并根据业务需求,对小程序菜单外的标题栏区域进行自定义。

2018年3月,微信正式宣布微信小程序广告组件启动内测,内容还包括第三方可以快速创建并认证小程序、新增小程序插件管理接口和更新基础能力,开发者可以通过微信小程序来赚取广告收入。 除了公众号文中、朋友圈广告以及公众号底部的广告位都支持微信小程序落地页投放广告,微信小程序广告位也可以直达小程序。

2018年7月13日,微信小程序任务栏功能升级,新增“我的微信小程序”板块;而微信小程序原有的“星标”功能升级,可以将喜欢的小程序直接添加到“我的微信小程序”。

2018年8月10日,微信宣布,微信小程序后台数据分析及插件功能升级,开发者可查看已添加「我的微信小程序」的用户数。此外,2018年8月1日至12月31日期间,微信小程序(含小游戏)流量主的广告收入分成比例优化上调,单日广告流水10-100万区间的部分,开发者可获得的分成由原来流水的30%上调到50%,优质微信小程序流量主可获得更高收益。

2018年9月28日,微信“功能直达”正式开放,商家与用户的距离可以更“近”一步:用户微信搜一搜功能词,搜索页面将呈现相关服务的微信小程序,点击搜索结果,可直达微信小程序相关服务页面。

2019年8月9日,微信向开发者发布新能力公测与更新公告,微信 PC 版新版本中,支持打开聊天中分享的微信小程序。安装最新PC端测试版微信后,点击聊天中的微信小程序,便会弹出微信小程序浮窗。而在微信小程序右上角的操作选项中,可以进行“最小化”操作,让微信小程序像其他PC软件一样最小化,排列于Windows系统的任务栏中。

2022年1月6日,2022 微信公开课 Pro 在广州举行,微信公开课讲师曾鸣透露,2021 年微信小程序日活超过 4.5 亿,日均使用次数相较 2020 年增长了 32%,活跃小程序则增长了 41%。

2022年9月16日,微信公众平台运营中心发布公告称,为进一步加强小程序的规范管理,保障用户合法权益,平台将对珠宝玉石类小程序加强把控,包括类目资质调整等。

3.小程序功能

微信小程序的能力,包括线下扫码、对话分享、消息通知、小程序切换、历史列表、公众号关联和搜索查找等7大功能。

线下扫码:

用户可以在小程序中使用扫一扫。

对话分享:

用户可以分享小程序或其中的任何一个页面给好友或群聊。

消息通知:

商户可以发送模板消息给接受过服务的用户,用户可以在小程序内联系客服,支持文字和图片。

小程序切换:

用户可以在使用小程序的过程中快速返回聊天。

历史列表:

用户使用过的小程序会被放入列表,方便下次使用。

小程序

公众号关联:

微信小程序可与公众号进行关联。

搜索查找:

用户可直接根据名称或品牌搜索小程序。

识别二维码:

用户可长按识别二维码进入小程序

第三方平台:

让商户的小程序开发更省心,也方便第三方批量管理商户。

附近的小程序:

用户可以在微信中快速找到附近的小程序和服务,同时也能够帮助线下商户更直接地触达用户,让小程序融入更多生活场景。

二、小程序的准备工作

1.注册开发者账号

步骤1:开发者首先需要在微信公众平台上注册一个小程序账号才能进行后续的代码开发与提交工作。访问微信公众平台官网首页(mp.weixin.qq.com),然后单击右上角的“立即注册”按钮进入账号类型选择页面。

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

步骤3:填用户的账号信息。

步骤4:邮箱激活提醒

登录注册邮箱查看激活邮件,点击邮件中的链接地址会自动跳转到微信平台页面完成激活。

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

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

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

步骤7:扫码后手机微信会自动跳转到微信验证页面。检查微信验证页面上所显示的姓名和身份证号码,确认无误后点击“确定”按钮会提示身份验证成功。单击“继续”按钮进行下一步,系统会跳出一个提示框让开发者进行最后的确认。

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

2.小程序信息完善

步骤1:小程序名称

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

步骤2:小程序头像

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

步骤3:小程序介绍

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

步骤4:小程序类目

小程序服务类目指的是小程序主要内容所属的服务范围。特殊行业需要额外提供资质证明。服务类目每个月只可以修改1次。服务类目的下拉表单分为两级,每级都必须填写不可以为空。

步骤5:小程序成员管理

全部填写完毕后,单击最下方的“提交”按钮提交小程序的基本信息,此时单击“添加开发者”按钮就可以进行小程序成员管理了。

三、小程序的开发工具

1.小程序的开发工具:微信开发者工具

访问下载页面:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

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

2.其他辅助工具

小程序官方文档

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

官方文档访问地址:https://developers.weixin.qq.com/miniprogram/dev/微信开放社区

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

开发者社区访问地址:https://developers.weixin.qq.com/第三方工具HBuilderX

HBuilderX 简称 HX,HBuilder,H 是 HTML 的缩写,Builder 是建设者。是为前端开发者服务的通用 IDE,或者称为编辑器。与 vscode、sublime、webstorm 类似。第三方小程序插件市场

一个第三方的小程序网站,上面的项目大多支持APP,H5,并支持下载源码。网站地址:https://ext.dcloud.net.cn

本文参考资料:

百度百科:https://baike.baidu.com/item/微信小程序/20171697?fr=aladdin