统软云谈微信小程序开发流程

微信小程序开发

小程序开发


浏览:1163 次

2017年1月9日,张小龙在2017微信公开课Pro上发布的小程序正式上线。一夜之间,小程序家喻户晓,但通过接下来几个月的观察,微信小程序并没有想象中那么受欢迎。自4月以来,微信小程序团队在发送文件方面进行了数次调整,并发布了在个人公众号上快速注册小程序的能力。可以明显感觉到,微信小程序已经在运行。无论未来如何,作为一名程序员,让我们先了解一下小程序的开发过程和规范,以备不时之需!

通常,我们应该学习新的技术或框架。我们应该从官方文件开始,找到官方微信小程序教程(https://mp.weixin.qq.com/debug/wxadoc/dev/ )

1.注册微信小程序账号

根据文件指南,我们需要注册一个微信程序的帐户并访问地址(https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index& ; lang=zh_CN),选择“小程序”并按要求填写相关信息,即可完成微信小程序的注册。(ps:微信严格区分个人公众号和小程序,因此微信小程序的注册邮箱不能与微信个人公众号相同)

2.获取微信小程序的AppID

注册后,您可以在网站的“设置”-“开发者设置”中登录并查看微信小程序的AppID。请注意,您不能直接使用服务号码或订阅号码的AppID。

3.下载微信小程序开发工具

由于微信小程序的代码和规范相对封闭,根据微信官方声明,为了帮助开发者简单高效地开发微信小app,已经推出了一个新的开发者工具(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html),集成开发调试、代码编辑和程序发布等功能。

4.创建演示项目

下载后,选择创建“项目”,填写上一步中获得的AppID,设置本地项目的名称(而不是小程序名称),例如demo,选择本地文件夹作为代码存储目录,然后单击“新建项目”。

为了开始,我们首先使用微信(https://mp.weixin.qq.com/debug/wxadoc/dev/demo/quickstart.zip )。

项目创建成功后,我们可以单击项目,进入并查看完整的开发工具界面,单击左侧导航,在“编辑”中查看和编辑我们的代码,在“调试”中测试代码并在微信客户端上模拟小程序的效果,然后在“项目”中将其发送到手机以预览实际效果。

5.手机预览

从开发者工具左侧的菜单栏中选择“项目”,单击“预览”,然后扫描代码在微信客户端中体验。

6.代码上传

在开发者工具的左侧菜单栏中选择“项目”,然后单击“上传”将代码上传到微信小程序服务器。

7.小程序发布

登录微信公众平台,访问小程序首页(https://mp.weixin.qq.com/wxopen/initprofile?action=home& ; lang=zh_CN),按要求完成步骤1,填写小程序的相关信息和用户身份信息(可临时绑定5名开发人员和10名体验人员),然后单击步骤2中的“发布”按钮,按要求填写小程序相关信息和版本信息,并提交审核。

到目前为止,微信小程序的相关流程已经基本完成,然后等待微信的官方审核,然后绑定特定的微信公众号进行访问。

Ps:关于微信小程序的具体代码编译和规范,请参考微信官方开发者文档,这里不再赘述。