智谱吧

位置:首页 > 职场理财 > 职场就业

新手如何制作小程序

微信小程序已经火了一段时间了,小程序的应用场景(用完即走和二维码分发等)还是很值得我们学习的,技术上面如果了解React的话,会发现他们在组件化上面有很多雷同之处。说白了,小程序就是基于微信平台的H5轻应用,下面来示范如何制作一个小程序。

用微信公众号快速创建小程序

(01)打开微信公众平台,选择左侧菜单栏 “小程序”序选项,之后选择“小程序管理”,最后点击“快速注册并认证小程序”

新手如何制作小程序

(02)确认快速创建小程序的流程,之后开始进行创建。

新手如何制作小程序 第2张

(03)选择需要复用的资质快速创建小程序,第三个选项微信认证资质一定要选上,将复用公众号认证资质完成的小程序,无需再次提交材料或支付费用,小程序认证到期时间与公众号一致。

新手如何制作小程序 第3张

(04)填写小程序账号信息,需要填写未被微信公众平台注册,未被微信开放平台注册,未被个人微信账号绑定的邮箱,如果没有邮箱,请重新注册新的邮箱。填写密码和验证码之后提交。

新手如何制作小程序 第4张

(05)提交信息之后,请登录邮箱激活。

新手如何制作小程序 第5张

(06)点击邮箱里的链接激活之后,请填写联系人信息(联系人可以不是法人),填写完信息后,用管理员的微信扫二维码确认,点击下一步。

新手如何制作小程序 第6张

(07)现在已经显示小程序已完成注册并认证,点击前往首页。

新手如何制作小程序 第7张

(08)最后填写小程序名称,头像、小程序介绍、选择类目之后点击提交。小程序快速申请就已完成。

新手如何制作小程序 第8张

用微信开发者工具新建小程序项目并打包上传教程

(01)下载并安装软件(根据自己电脑实际情况选择版本安装)

新手如何制作小程序 第9张

(02)新建一个小程序项目双击打开桌面图标,打开新建一个小程序项目,这里的项目目录填写春哥给你的小程序压缩包解压后的路径,选择即可,Appid填写自己的,项目名称随便填,如下图:

新手如何制作小程序 第10张

(03)修改配置文件,对接上自己的网址(这个前提自己已经在服务器上安装了我们的程序)修改(这里举例,其他版本稍有区别)把信息都改为你自己的,这个如何修改在我们的安装说明里有详细说明,仔细看。

新手如何制作小程序 第11张

(04)测试调试,旁边的模拟器窗口可以实时预览的,打包上传。

新手如何制作小程序 第12张

(05)登录微信小程序后台,开发管理,提交审核,如下图,审核通过后会有通知。

新手如何制作小程序 第13张

(06)正式发布,在后台直接发布已审核版本。

标签: