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

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

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

1 注册小程序

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

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

8d62420a00d1a641e7a61902a4b6d247.png

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

39a45edd9a0f342457aa1101102cf903.png

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

2 开发小程序

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

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

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

c703f7c5ca2cb02cde8198f31931b75a.png

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

e849738b2b16d382de53bdd61104bd5b.png

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

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

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

5d9b9dcc517f52d0aadb594267cc5ff2.png

  • cloudfunctions目录是云函数目录

  • miniprogram目录是前端代码

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

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

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

2f7e74c838f26fb88a8e43145fe4e6b5.png

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

3 测试及发布小程序

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

e064f9618a09a7a4bc1a4ca90c71b1dc.png

打开微信公众平台

6b7086a4652bac8227a9e032ad3e31a3.png

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

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

8cbb01b995408e97daa202eb187e4632.png

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

posted @ 2022-05-31 18:10  青年码农  阅读(1330)  评论(0编辑  收藏  举报