微信小程序从开发到发布流程

简介: 微信小程序从开发到发布流程

微信大力推小程序,小程序凭借着无需下载,随意删除,随意添加,使用方便,天然的便利性,越来越火。我们也紧跟时代潮流,开发小程序。

之前也开发过几个小程序,反响平平,可能是没有找对方向,最近也在研究其他方面的,注册的小程序号也用完了,需要重新注册,今天就把小程序从注册到发布的流程都记录下,方便后期查看。

1 注册小程序

微信公众平台地址,右上方选择【立即注册】

https://mp.weixin.qq.com/

image.png

点击小程序,接下来填写信息

image.png

注册完成,需要邮箱激活,激活后还需要填写一些基本信息,我这里就不一一展示了,都完成后我们需要用到的是AppID(小程序ID),在开发->开发设置中可以找到。进行下一步,开发。


2 开发小程序

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

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

根据自己系统下载对应版本,安装就不需要说了。界面长这个样子

image.png

我这个是已经登录的,新下载的或者长时间未使用的,第一次打开需要扫码登录,新建项目右上角项目->新建项目

image.png

项目名称、目录这个根据自己意向填写,AppID就是上面说要记住的,我们直接复制过来,这里简单说下后端服务这个选项,小程序云开发是新出的功能。

开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。

云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。

image.png

  • cloudfunctions目录是云函数目录
  • miniprogram目录是前端代码

小程序框架、组件、及API这里就不细说了,主要是一两句也说不清楚,官方文档也比较详细,如果有不懂的地方,可以下方留言

https://developers.weixin.qq.com/miniprogram/dev/framework/

开发过程中可以选择模拟器、手机预览及真机调试

image.png

开发就写到这里,接下来测试及发布

3 测试及发布小程序

项目已经开发完成,编辑器右上角有个上传按钮,

image.png

打开微信公众平台

image.png

点击版本管理,可以看到线上版本、审核版本、和开发版本,

点击上传按钮后,版本会出现在开发版本、这个版本可以设为体验版本,或者提交审核、审核通过后就可以直接发布线上,这个演示的账号是之前发布没通过的。

image.png

微信小程序从开发到发布流程到此结束,如果有不懂的地方或者写的不详细的,可在下方留言,针对问题会详细解答。

相关文章
|
1天前
|
JSON 小程序 前端开发
创建一个属于自己的小程序(注册开发账号)
介绍如何创建微信小程序账号,包括注册流程、下载安装微信开发者工具、创建项目以及项目结构介绍。
创建一个属于自己的小程序(注册开发账号)
ly~
|
1天前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
19 6
ly~
|
1天前
|
开发框架 小程序 前端开发
抖音小程序的开发难度大吗?
抖音小程序的开发难度因人而异,主要取决于开发者经验、技能及功能需求。技术上需掌握前端技术及抖音开发框架,了解平台生态与规则;设计上需符合用户审美和习惯,具备创新性和实用性。此外,严格的审核标准和激烈的市场竞争增加了开发难度,开发者需制定有效推广策略并持续优化小程序以保持竞争力。
ly~
24 4
|
1天前
|
小程序 JavaScript API
微信小程序开发学习之页面导航(声明式导航和编程式导航)
这篇文章介绍了微信小程序中页面导航的两种方式:声明式导航和编程式导航,包括如何导航到tabBar页面、非tabBar页面、后退导航,以及如何在导航过程中传递参数和获取传递的参数。
微信小程序开发学习之页面导航(声明式导航和编程式导航)
|
15天前
|
存储 移动开发 监控
微信支付开发避坑指南
【9月更文挑战第11天】在进行微信支付开发时,需遵循官方文档,确保权限和参数配置正确。开发中应注重安全,验证用户输入,合理安排接口调用顺序,并处理异常。上线后需实时监控支付状态,定期检查配置,关注安全更新,确保系统稳定运行。
|
21天前
|
移动开发 小程序 JavaScript
uni-app开发微信小程序
本文详细介绍如何使用 uni-app 开发微信小程序,涵盖需求分析、架构思路及实施方案。主要功能包括用户登录、商品列表展示、商品详情、购物车及订单管理。技术栈采用 uni-app、uView UI 和 RESTful API。文章通过具体示例代码展示了从初始化项目、配置全局样式到实现各页面组件及 API 接口的全过程,并提供了完整的文件结构和配置文件示例。此外,还介绍了微信授权登录及后端接口模拟方法,确保项目的稳定性和安全性。通过本教程,读者可快速掌握使用 uni-app 开发微信小程序的方法。
52 3
|
29天前
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
本文介绍了Taro中`useShareAppMessage`的使用方法,需在页面配置`enableShareAppMessage: true`并重新编译。
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
|
10天前
|
小程序 前端开发 JavaScript
Java开发工程师转小程序开发的前景如何?
Java开发工程师转小程序开发的前景如何?
22 0
|
20天前
|
小程序 前端开发 JavaScript
开发支付宝小程序的思路
【9月更文挑战第7天】本文介绍了一种在支付宝小程序中实现网页抓取的方法,通过云函数或自建后端服务来解析外部网页的标题、描述和图片。具体步骤包括:用户输入链接,小程序调用云函数抓取并解析网页内容,最后将结果返回并在前端展示。文中详细介绍了使用 Node.js 的云函数实现过程,包括代码示例和小程序前端页面的实现方法。通过这种方式,可以显著提升链接分享的用户体验。
31 0
|
1月前
|
小程序 JavaScript Java
微信小程序的后端开发需要使用什么语言?
【8月更文挑战第22天】微信小程序的后端开发需要使用什么语言?
295 65

热门文章

最新文章